wellcms后台的插件中TinyMCE的高亮代码语言是内置的10种,在init.js中采用了
tinymce.init({
selector: '#message',
这样的定义,可以通过修改它来自定义你所要的语言代码。如以下这样:
selector: 'textarea',
plugins: 'codesample',
codesample_languages: [
{text:'AHK',value:'autohotkey'},
{text:'Bash',value:'bash'},
{text:'powershell',value:'powershell'},
{text:'VisualBasic',value:'visual-basic'},
{text:'Batch CMD',value:'batch'},
{text:'JASON',value:'jason'},
{text:'HTML/XML',value:'markup'},
{text:'JavaScript',value:'javascript'},
{text:'CSS',value:'css'},
{text:'PHP',value:'php'},
{text:'Java',value:'java'},
],
注意英文逗号,不要漏掉。其中的text就是现在下拉框中的语言名称,可以根据你自己的喜好定义。后面的value可以根据prism.css文件头开头的语言对应的值放入就可以了。
其中:plugins: ‘codesample’, 可以合并到下面的plugins里面去,注意逗号空格格式对齐,最好是按照a-z的顺序放置位置。
参考官方档案:点击访问TinyMCE官方
?
PS:TinyMCE中输入高亮代码后,其html代码中不会自动添加 line-numbers这个行号标记,应该是需要修改js文件 ‘ line_numbers’这样的操作,但是prism的行号与代码在自定义了网页css之后,总是容易出现不对齐的情况,也找不到修改哪个参数。索性也不高兴去弄了。