如何將TinyMCE源代碼視圖面板的寬度更改爲100％

Question

我正在爲我的編輯器使用TinyMCS，我想將此編輯器的源代碼視圖的寬度更改爲100％。有沒有這個目標或任何CSS或jQuery解決方案的插件。

我用下面的代碼創建我的編輯：

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

嘗試設置 「code_dialog_width」 配置參數您window.innerWidth
（https://www.tinymce.com/docs/plugins/code/#code_dialog_width）