Javascript 想要查看与TinyMCE Codesample插件格式相同的呈现HTML吗

以下是包含TinyMCE的我的编辑页面的图片：

在TinyMCE之外渲染时，不会显示代码样本格式。我希望在呈现内容时具有与使用codesample插件时在TinyMCE中看到的格式相同的格式

下面是我用来调用TinyMCE 4.3.2的代码

tinymce.init{ 选择器：'textarea'， 身高：200， 语言：‘bn_BD’， 插件：[ 'advlist autolink列出链接图像字符映射打印hr锚定页面中断'， “searchreplace wordcount visualblocks visualchars代码全屏示例”， “insertdatetime媒体非中断表上下文菜单方向性”， '表情模板粘贴文本颜色选择器文本图案图像工具' ], 设置：functioneditor{ 编辑器。在“FullscreenStateChanged”上，函数E{ 州政府{ $'header'。隐藏； } 否则{ $'header'.show； } }; }, 工具栏：“撤消重做|样式选择|粗体斜体下划线|对齐左对齐中心对齐右对齐对齐对齐对齐|布利斯特纽姆利斯特凹痕缩进|代码示例链接图像媒体|前景色背景色”， 图像\u advtab：正确， imagetools_cors_hosts:['celica.muktosoft.com']， 模板：[ {标题：“课程模板”，内容：“测试1'} ], 文件\浏览器\回调：函数字段\名称、url、类型、win{ iftype==“图像”{ document.getElementByIdfileupload_field_id.value=field_name； document.getElementByIdfileupload.value=； document.getElementByIdfileupload.click； } }, 内容(css):[ “//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css”， “//www.tinymce.com/css/codepen.min.css” ]

---

}; 解决这个问题的关键是知道TinyMCE依赖于Prism.js来实现语法高亮显示功能。如果您想从TinyMCE中提取内容并将其显示在其他地方，您需要

步骤1：

在您的页面中包括Prism.js和Prism.css-可以从Prism网站下载

步骤2：

使用TinyMCE的API从编辑器中提取内容。例如：

var htmlToLoad = tinyMCE.get('area3').getContent();

步骤3：

将内容放入HTML块元素中：

document.getElementById("result").innerHTML = htmlToLoad;

步骤4：

运行Prism的高亮显示功能：Prism.highlightAll

---

这会触发Prism重新评估DOM中应该突出显示的内容—它不会自动执行此操作。

请确保包含来自所需语言的CSS和JavaScript文件！在您的查看页面上

---

当使用Codesample插件在TinyMCE中输入代码片段时，请记住在Codesample窗口顶部选择相应的语言-

我在Page中包含了Prim.CSS和Prim.js，但是SyToT突出显示不是针对C代码的，也不是java、Ruby、C++、Python等。有趣的是，SytScript突出显示了JavaScript、CSS、HTML代码的完美。方法：转到Prism.js，确保您选择了所有用于构建Prism.js的语言，您使用的语言包括您需要的语言。谢谢您，先生，只有php没有显示正确的突出显示yetPrism的默认js/CSS不包括php。。。您必须构建一个自定义的Prism JS/CSS，其中包括PHP作为一种语言。这是在Prism.js网站上完成的。我也有同样的问题。当我将所有内容保存到后端，然后将其检索回来时，它不会显示代码高亮显示。当我在divresult中将临时内容另存为innerHtml时，它会显示，但当我保存它并在其他页面上查看此内容时，它不会显示。有什么想法吗。谢谢