tinymce/tinymce-vue富文本编辑器同域名上传文件丢失域名

https://www.cnblogs.com/osfipin/p/5763883.html

https://blog.csdn.net/weixin_42178050/article/details/98220964

之前在写个人博客网站的时候，用到了百度的富文本编辑器，在往文章内容插入图片的时候，上传一直出错，总结了一下，与大家分享 在使用富文本编辑器的时候上传文件路径不对： 在配置文件config.json中，把imagePathFormat路径改为相对于服务器根目录的路径，如：/www/my_blog/resources/assets/ueditor/upload_img/{yyyy}{mm}{dd}...

【代码】vue3 中 tinymce+tinymce-vue 富文本编辑器使用。

创建插件文件text: '自定义按钮',onAction: () => alert('点击自定义按钮')});});通过以上步骤，即可在 Vue 3 项目中快速集成功能丰富的 TinyMCE 编辑器，并支持高度定制化开发。如果需要手动修改翻译内容，可以编辑zh_CN.js'Redo': '重做','Undo': '撤销',// 其他翻译项...});通过以上步骤，TinyMCE 将完全显示为中文界面。

解决办法：在init初始化方法中设置 convert_urls:false 原因： TinyMCE会自动判断是否可以将当前图片路径变为相对路径。带有域名的路径也会被转换为相对路径。 文档对其描述如下： 我们只需将其自动转换url的功能关闭即可。 ...

问题原因：模型中对富文本编辑器内容字段做了自动转化，功能是通过cmf_replace_content_file_url('content',true);实现的。代码如下： /** * 替换编辑器内容中的文件地址 * @param string $content 编辑器内容 * @param boolean $isForDbSave true:表示把绝对地址换成相对地址,用于数据库保存,f...

在数字时代，内容创建和管理对于企业来说至关重要。因此，富文本编辑器作为内容创作的基石，越来越多地受到开发者的青睐。Tinymce是其中最著名的富文本编辑器之一，它被广泛应用于各种Web应用中，以其强大、轻量级和易于定制而闻名。本章将从基础出发，逐步深入探讨Tinymce的架构、功能、以及它如何成为Web开发中的重要工具。Powerpaste是专为Tinymce富文本编辑器设计的插件，旨在简化内容的粘贴操作，同时保留源文档的格式。

tinymce从引入vue项目到使用步骤，包含修改tinymce数据、引入中文包的两种方式、setContent赋值无效解决办法、工具栏展示方式、更换界面UI主题、插入不间断空格、自动调整编辑器大小、emoji表情、预览、文字计数、列表插件、字体字号等配置

发布文章时带有图片内容，去掉域名，否则更换域名后连接会失效

效果如下：基本配置：（上传方法自己根据后台自行添加）, 关于下拉菜单位置滚动时跑下面的，可以设置样式的z-index

富文本插件 Tinymce图片上传 img地址变为本地地址

语言包下载地址：https://www.tiny.cloud/get-tiny/language-packages/插件功能参考官方文档：https://www.tiny.cloud/docs/tinymce/6/plugins/tinymce是开源的富文本编辑器，对于现在众多停止维护的富文本编辑器而言，应该算首选富文本编辑器了。英文官方使用文档：https://www.tiny.cloud/docs/tinymce/6/下载地址：https://www.tiny.cloud/get-tiny/

在打包过程中遇到了TinyMce样式未打包进去，线上部署后加载不出来，后面将样式文件放入public目录下载，页面重新引入，最后打包成功。