Wie ändere ich die Breite des TinyMCE Quellcodeansichtsbereichs auf 100%

Question

Ich benutze TinyMCS für meinen Editor, ich möchte die Breite der Quellcodeansicht dieses Editors auf 100% ändern. Gibt es ein Plugin für dieses Ziel oder eine CSS- oder jQuery-Lösung?

I-Code verwendet folgende für mein Editor zu erstellen:

tinymce.init({ 
selector: ".tinymce",theme: "modern",height: 300, 
content_css : '/fonts/Nassim.css, /css/public.css', 
language: "fa_IR", 
plugins: [ 
    "advlist autolink link image lists charmap print preview hr anchor pagebreak", 
    "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking", 
    "table contextmenu directionality emoticons paste textcolor responsivefilemanager code" 
     ], 
toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect", 
toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor | print preview code ", 
image_advtab: true , 

external_filemanager_path:"/assets/plugins/filemanager/", 
filemanager_title:"Responsive Filemanager" , 
external_plugins: { "filemanager" : "/assets/plugins/tinymce/plugins/filemanager/plugin.min.js"} 
}); 

Answer 1

try Einstellung "code_dialog_width" Konfigurationsparameter auf Ihre window.innerWidth
(https://www.tinymce.com/docs/plugins/code/#code_dialog_width)