如何将TinyMCE的代码示例插件放入phpfox?

时间:2015-12-07 10:43:40

标签: tinymce phpfox

我有一个很小的mce编辑器,如图像bellow:

enter image description here

我想在phpfox中添加tinymce编辑器的Code Sample Plugin,如:

enter image description here

请告诉我该怎么做。

1 个答案:

答案 0 :(得分:1)

  1. 如果您没有安装codeample,可以从tinymce.com下载整个捆绑包,并在目录js / tinymce / plugins / codesample /

    中包含plugin.min.js
  2. prismjs.com下载prism.js和prism.css并包含在您的HTML页面中

  3. 修改你的tinymce_setup.js并将你的codeample添加到你的tinymce_setup.js 我的tinymce_setup.js看起来像

  4. tinymce.init({
      selector: 'textarea',
      height: 500,
      plugins: [
        'advlist autolink lists link image charmap print preview anchor',
        'searchreplace visualblocks code fullscreen',
        'insertdatetime media table contextmenu paste code codesample'
      ],
      toolbar: ("insertfile undo redo | styleselect | bold italic | " +
                "alignleft aligncenter alignright alignjustify | " +
                "bullist numlist outdent indent | link image table | " +
                "code fullscreen codesample"),
    });