如何将 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 )

如何将 TinyMCE 源代码视图面板的宽度更改为 100%

How to change width of TinyMCE source code view panel to 100%

css

jquery

tinymce