怎么使用tinyMCE中的样式,使提交后的代码高亮?

使用Flask做的博客,加了个tinyMCE文本编辑器,在编辑界面上,代码是可以高亮的:

clipboard.png

提交后,由于不知道怎样关联到tinyMCE中相应的样式,代码自然无法高亮:

clipboard.png
我想仍使用tinyMCE提供的样式来渲染提交后的页面,这样保证提交前后的显示是一样的。没找到相关配置。前端渣,轻喷。求助,请问该怎样解决呢?

阅读 4.8k
2 个回答

这个是由于不在编辑器中render,没有引入相应的css导致的,需要引入一个代码格式化的css组件,比如 https://highlightjs.org/

本来以为既然tinyMCE文本编辑器自带有代码渲染(配置里的codesample),通过配置tinyMCE应该可以渲染提交后的代码快。查了tinyMCE官网发现,需要手动配置js和css文件,codesample使用的是http://prismjs.com/ 提供的渲染程序。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题