短代码与代码高亮功能结合,终于可以随意的来回切换可视化/文本模式进行编辑代码了

原创 野人  2022-09-09 12:01  阅读 63 次

真的看似那么小的功能,野人也是捣鼓了好久才捣鼓出来了,真的是太菜了了了。

先看成品吧,还好之前有备份,要不然现在连展示的机会都没有了。

看起来还是很可以的吧。

不过中途也踩了很多的坑啊,我甚至都想给官方提Bug了。

先说下为什么要搞短代码与代码高亮功能结合,原因有以下两点

1、方便在后台使用编辑器,毕竟可视化(所见即所得)模式实在香

2、像代码高亮的这个功能,野人是觉得随着技术的不断升级,代码高亮的插件应该会越来越多,格式应该还会有所不同,所以为了应付以后的变化莫测的场景,就采用短代码的模式了。

本来是想再梳理下踩过坑,奈何写过一遍后(数据丢失惹的祸),有些东西记得不是很清楚了。

wp-includes\js\tinymce\plugins\wordpress\plugin.js这个插件是WordPress官方默认加载到TinyMCE编辑器中,会处理一些文章中的换行、分页符、更多...等等,然后处理一些格式化的东西就会调用到下面那个路径里面的格式方法了。

wp-admin\js\editor.js这个文件就有点意思了,处理格式化,类似WordPress中的wpautop过滤器,所以效果有点不尽人意了,比如你的代码块中还有<br />标题的话,就会被替换掉了。

本文地址:https://www.yerenwz.com/6183.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论