前端开发2023年05月29日

使用Tinymce富文本编辑器自带的图片上传插件默认上传图片会自动添加上图片的宽度和高度，以至于生成的富文本json中img标签上有width和height属性，导致图片无法自适应宽度，客户又不愿意手动去调整长度和宽度以适应界面显示，希望能够自动适配。 解决办法就是在初始化参数中设置：image_dimensions: false 即可。 image_dim...

前端开发2023年05月28日

TinyMCE编辑器在上传图片后，默认情况下会自动将你上传的图片路径转为相对路径 如设置的是绝对根目录： /path/mdaima.jpg 自动转换为： ../path/mdaima.jpg 这样的结果不是我想要的，所以需要在配置中设置一下即可取消TinyMCE自动处理成的相对路径： tinymce.init({ selector:'textarea', c...

后端开发2023年05月27日

主要实现的功能是TinyMCE富文本编辑器用PHP处理后台上传的单张图片、批量上传多张图片、以及图片被裁剪翻转编辑后用PHP保存的方法。 网上关于如何处理TinyMCE单张上传图片，或是批量上传，再或是修改后的图片保存用PHP都好实现，但将三者放在一起应用的还真是没有，经过几天的测试终于实现了TinyMCE编辑器采用PHP后台保存单张、批量、编辑保存图片的功...

前端开发2023年05月27日

利用编辑器处理完成后生成的HTML代码需要放在前端显示，而且格式和样式能与编辑器显示的保持一致才是应用的关键。本文主要讲TinyMCE生成的HTML内容在前端如何实现代码高亮，最主要实现代码高亮插件是prism.js的引用，及工具条的复制功能。这个示例里面包含了JS文件及代码高亮的样式css文件，在我分享的代码里还多放了几种样式，可以自己调用，从九品源码分享...

其他教程2023年05月27日

这个问题是出现在了使用引用功能后，后面没有了段落标记造成无法在后面继续写内容。手动回车也只能是在引用块内增加段落，除非在源代码中增加“<p></p>”标记，这样很麻烦就自己做了一个修复插件。 tinymce.PluginManager.add('lilei_xiufu', function (editor) { function fu...

前端开发2023年05月26日

triggerSave 语法： tinyMCE.triggerSave([skip_cleanup]); 描述：进行清除操作，并将编辑器内容移回到表单域中。tinyMCE通过向表单提交方法中增加触发器来自动调用此函数。 参数：[skip_cleanup] - 禁用保存触发器的清除功能，默认为false。(可选) 返回： 无 updateContent 语法：...