Tinymce富文本编辑器图片上传即编辑配置详解
Tinymce富文本编辑器
本站使用的也是Tinymce富文本编辑器,非常的好用,就是图片上传和编辑配置上有点麻烦,当时没有看完Tinymce官网的资料,导致浪费了点时间,下面就把图片上传的配置分享给大家。
tinymce.init({
selector: “textarea”, // 编辑器选择器
plugins: “image”, // 图片上传插件
menubar: “insert”, // 菜单栏按钮
toolbar: “image”, // 工具栏按钮
automatic_uploads: true, // 图片自动上传
images_upload_url: ‘/image_upload.php’, // 图片上传PHP地址
imageupload_url: ‘/uploads’, // 图片上传文件夹地址
image_class_list: [
{title: ‘None’, value: ‘’},
{title: ‘Left’, value: ‘alignleft’}, // 图片向左对齐
{title: ‘Center’, value: ‘aligncenter’}, // 图片居中对齐
{title: ‘Right’, value: ‘alignright’} // 图片向右对齐
]
});
如果你还希望设置几个常用的图片,那就需要添加以下代码
image_list: [
{title: ‘tinymce’, value: ‘http://www.tiaopi.me/public/uploads/201812/tinymce.png’},
{title: ‘android’, value: ‘http://www.tiaopi.me/public/uploads/201811/android.jpg’},
{title: ‘jquery’, value: ‘http://www.tiaopi.me/public/uploads/201811/jquery.jpg’}
]
caption 也可以加,看个人喜好,一行代码即可
image_caption: true
Tinymce图片上传和编辑设置选项到此完成,喜欢的朋友转发分享。
Tinymce富文本编辑器图片上传即编辑配置详解相关推荐
- 富文本编辑器图片上传失败的BUG解决:IndexError:list index out of range
富文本编辑器图片上传失败的BUG解决 问题原因 我们将通过Django上传的图片保存到了FastDFS中,而保存在FastDFS中的文件名没有后缀名(.png/.jpg/.jif),而ckeditor ...
- layui富文本编辑器上传图片java_解决layui富文本编辑器图片上传无法回显的问题...
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
- layui富文本编辑器图片上传无法回显问题解决
layui富文本编辑器用起来挺方便的,但是不足的是不提供图片上传的接口,需要自己写上传接口,而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求,否则图片可以上传成功,但是无法回显,这个问 ...
- WangEditor富文本编辑器图片上传踩坑之路
最近由于业务需求,需要用到富文本编辑器,找寻了好久,起初想使用百度的ueditor,但在使用的过程中实在是遇到了太多的坑,于是另外锁定了一款富文本编辑器--wangEditor.这是一款轻量级的富文本 ...
- SSM+KindEditor实现富文本编辑器图片上传
场景 KindEitor官方文档: http://kindeditor.net/demo.php 实现 效果 下载Kindeditor 下载地址: http://kindeditor.net/down ...
- springboot整合H+,基于summernote的富文本编辑器图片上传
我在做这块任务时遇到了好几个问题,也查了一些资料,自己总结的一些东西,希望可以帮到一些有需要的朋友,废话不多说开始看代码. 首先看前台页面: 需要注意的是summernote的默认图片上传是base6 ...
- bootstrap summernote富文本编辑器图片上传干货分享
个人技术网站 欢迎关注 今天做后台的时候需要一个富文本编辑器组件,由于项目使用的是bootstrap,所以毫不犹豫的用上了summernote富文本编辑器.文档各大大牛已经整理出来了 但是图片上传到 ...
- Layui富文本编辑器图片上传接口(.NET C#)
本来想偷懒找个现成的接口,搜了一下发现没有现成的,那我在这写一个并分享给大家吧. demo打包好了在我的csdn下载中心:http://download.csdn.net/download/xiang ...
- vue项目 vue-quill-editor富文本编辑器+图片上传
目录 基础使用: 进阶版: 使用 el-upload 图片上传: 进阶版2.0: 可拖动调整图片大小: 基础使用: 富文本编辑器: 此方法得到的图片为base64编码,图片上传在下面. npm ins ...
最新文章
- CA双向认证的时候,如果一开始下载的证书就有问题的,怎么保证以后的交易没有问题?...
- Xposed源码剖析——Xposed初始化
- 2台服务器虚拟存储,虚拟存储的主要用途
- QShell下的进程和ILE中的Job
- 年后开课 | 第 4 期临床基因组家系分析,助力发表Case Report
- 上海交通大学计算机专业有调剂吗,上海交通大学2019计算机系考研调剂信息
- python throw error_Python实用笔记——错误处理
- OC category(分类)
- Eclipse 修改项目名称
- apache添加php支持
- 声音以模拟信号的形式存储在计算机中,08计算机1-2班《计算机基础》自学资料(5)...
- WPS文档:格式显示,页码标注,公式居中编号右对齐,公式编号不能在行中间显示
- 网站流量数据分析技巧【转】
- 方差分析(ANOVA)分类、应用举例及matlab代码
- Android InputDispatch事件派发->选择目标窗口
- FPGA:什么是IO单元、IO标准、Bank、VCCO、VREF
- 平价无线蓝牙耳机推荐,小米和南卡蓝牙耳机哪个好用?
- VGG (Visual Geometry Group)
- Python 3 内置函数 tuple( )
- 许多博士生的一个通病:对导师过度依赖!