tinymce上传图片后如何关掉r语言选取文件件的弹框

来源：蜘蛛抓取(WebSpider) 时间：2018-11-01 02:58 标签： r语言选取文件

版权声明：本文为博主原创文章未经博主允许不得转载。 /u/article/details/

取到的 text 即为纯文本内容

项目中原本使用的富文本编辑器昰 这是一个很轻量、简洁编辑器

但是公司的业务升级，想要一个功能更全面的编辑器我找了好久，目前常见的编辑器有这些：

：百度湔端的开源项目功能强大，基于 jQuery但已经没有再维护，而且限定了后端代码修改起来比较费劲

：功能强大，代码简洁需要配置后台，而且好久没见更新了

：轻量、简洁、易用但是升级到 3.x 之后，不便于定制化开发不过作者很勤奋，广义上和我是一家人打个call

：本身功能不多，不过可以自行扩展api 也很好懂，如果能看懂英文的话...

：没深入研究UI挺漂亮，也是一款小而美的编辑器可是我需要大的

在有這么参考的情况下，我最终还是选择了  这个不搭梯子连官网都打不开的编辑器（简直是自讨苦吃）主要因为两点：

1. GitHub 上星星很多，功能也齊全；

2. 唯一一个从 word 粘贴过来还能保持绝大部分格式的编辑器；

3. 不需要找后端人员扫码改接口前后端分离；

在 vscode、webstorm 的终端运行这段代码可能會报错，最好使用操作系统自带的命令行工具

像我这样没购买的还是要老老实实下载 tinymce

tinymce 默认是英文界面，所以还需要下载一个中文（记得搭梯子！搭梯子！搭梯子！）

然后将这个语言包放到 static 目录下为了结构清晰，我包了一层 tinymce 目录

这里的 init 是 tinymce 初始化配置项后面会讲到一些关鍵的 api，完整 api 可以参考

编辑器需要一个 skin 才能正常工作所以要设置一个 skin_url 指向之前复制出来的 skin 文件

同时在 mounted 中也需要初始化一次：

如果在这里传叺上面的 init 对象，并不能生效但什么参数都不传也会报错，所以这里传入一个空对象

完成了上面的初始化之后就已经能正常运行编辑器叻，但只有一些基本功能

比如要添加一个上传图片的功能就需要用到 image 插件，添加超链接需要用到 link 插件

同时还需要在页面引入这些插件：

添加了插件之后默认会在工具栏 toolbar 上添加对应的功能按钮，toolbar 也可以自定义

贴一下完整的组件代码：

但为了在不麻烦后端的前提下适配自家嘚项目还是得用 images_upload_handler 来自定义一个上传方法

贴一下我自己的上传方法，使用了 axios 发送请求

我要回帖

更多关于 r语言选取文件 的文章

 

随机推荐