小編給大家分享一下tinymce與prism如何實現(xiàn)高亮的代碼以及漢化的配置方法過程，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新新互聯(lián)，憑借10余年的網站設計制作、成都網站設計經驗，本著真心·誠心服務的企業(yè)理念服務于成都中小企業(yè)設計網站有上千余家案例。做網站建設，選創(chuàng)新互聯(lián)建站。

簡單介紹：TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器，由JavaScript寫成。它對IE6+和Firefox1.5+都有著非常良好的支持。功能方強大，并且功能配置靈活簡單。另一特點是加載速度非?？斓?。最重要的是，TinyMCE是一個根據(jù)LGPL license發(fā)布的自由軟件，你可以把它用于商業(yè)應用，好了不多說，想了解更多自行百度，我們進入正題。

一、編輯頁配置

1.首先我們需要引用網頁樣式控制文件及腳本語言編輯文件（其中前兩個是tinymce腳本文件，后兩個是prism高亮文件）

1 
2 
3 
4 

2.在body中設計好我們的文本

1 

3.在js中進行文本的初始化

（1）tinymce.init配置并初始化tinymce

（2）selector: "textarea"根據(jù)你的選擇器來指定，我這里是textarea，可以綁定id（#···）或class（.····）

（3）plugins填寫要使用的插件名稱

（4）toolbar設置工具欄指定顯示插件，這里我展示了三個工具欄

（5）menubar禁用菜單欄模板

（6）toolbar_items_size工具欄標簽大小設置為小

（7）style_formats初始化的默認樣式，這個根據(jù)自己喜好調節(jié)

（8）templates模板，toolbar3中的template選中標題后自動追加值content到文本框

（9）language:'zh_CN'語言本身默認英文，這里指定語言為中文

另外當我們用codesample進行插入會產生class=“l(fā)anguage-**”標簽，這個一眼看去和prism高亮顯示插件是迎合的，也表示官方的支持。所以我們使用prism作為代碼高亮插件。

（4）賦值及設置值操作

1 var context=tinyMCE.activeEditor.getContent();//進行值得獲取
2  
3 tinyMCE.activeEditor.setContent("你的數(shù)據(jù)");//進行值得獲取

二、展示頁相關配置

1、引用網頁樣式控制文件及腳本語言編輯文件（兩個高亮顯示腳本）

1 
2 

2、你的編輯器保存的值取出顯示到頁面就可以了。

以上是tinymce與prism如何實現(xiàn)高亮的代碼以及漢化的配置方法過程的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！