Tinymce 我如何实施<;预处理>;轻声细语

Tinymce 我如何实施<;预处理>;轻声细语,tinymce,Tinymce,很高兴看到很多关于tinymce的帖子,但是这里没有任何东西可以帮助我解决当前的问题 我想做的是研究如何用tinymce在我的文本中添加“代码” Something like this 有人知道我怎么做吗 我们将不胜感激 Mandy您需要将pre添加到tinymce init设置中您需要将pre添加到tinymce init设置中您需要将代码示例插件添加到编辑器中 这是包含TinyMCE网站插件的示例代码 tinymce.init({ selector: "textarea", // c

很高兴看到很多关于tinymce的帖子,但是这里没有任何东西可以帮助我解决当前的问题

我想做的是研究如何用tinymce在我的文本中添加“代码”

Something like this
有人知道我怎么做吗

我们将不胜感激


Mandy

您需要将
pre
添加到tinymce init设置中

您需要将
pre
添加到tinymce init设置中

您需要将代码示例插件添加到编辑器中

这是包含TinyMCE网站插件的示例代码

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "codesample",
  toolbar: "codesample"
});
codesample插件用于将代码示例嵌入编辑器中,并且可以开箱即用。也就是说,当用户将有效的代码语法复制到可编辑区域时,代码将根据Prism默认CSS规则自动格式化

您需要将prism.jsprism.css添加到页面中,以便语法突出显示起作用

然后,您将在编辑器界面中获得代码示例按钮


在这里您可以找到about.

您需要将代码示例插件添加到编辑器中

这是包含TinyMCE网站插件的示例代码

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "codesample",
  toolbar: "codesample"
});
codesample插件用于将代码示例嵌入编辑器中,并且可以开箱即用。也就是说,当用户将有效的代码语法复制到可编辑区域时,代码将根据Prism默认CSS规则自动格式化

您需要将prism.jsprism.css添加到页面中,以便语法突出显示起作用

然后,您将在编辑器界面中获得代码示例按钮

在这里你可以找到关于