573
文章
·
52075
阅读
573
文章
·
52075
阅读

有61人阅读过 修改博客程序内置的编辑器生成代码的方式
发布于2023/09/27 更新于2023/09/28
[ 教程仅保证更新时有效,请自行测试。]

由于Ueditor或Neditor上传图片时候,生成的代码在<img>外面都会自动加个<p></p>标签,导致在文章前台图片只能一行一个,

image.png

可以修改编辑器的js脚本,使生成的代码不再有p标签。

找到编辑器的目录,找到*.all.min.js文件。

image.png

image.png

使用文本编辑器查找有关代码片段,

建议使用dw,打开文件后,点应用源格式,这样比较好读。

image.png

修改enterTag的参数为br,源文件是p,意思是编辑区每回车一下,代码里加入一个什么类型的标签

image.png

把p标签批量替换为其他一个不常用的标签,例如m

查找并替换<p<m

查找并替换/p>/m>

以上替换时会把一个pre标签替换为mre了,重新替换回来:

查找并替换<mre<pre

## 在Neditor中还有path被替换成math了,重新替换回来

查找并替换<math<path

image.png

然后清除浏览器缓存,再尝试编辑,即可看到大部分p标签已经被写成m标签了。

image.png

文章对你有帮助吗?
  • 一般[0]
  • 很赞[0]
  • 没用[0]
  • 垃圾[0]
  • 无语[0]
扫一扫,手机浏览手机访问本站