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: ‘

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值