JS插入网页独立编辑器

前端知识 Loading... 阅读 0

完整代码:

<script type="text/javascript" src="__STATIC__/wenxue/ice/iceEditor.min.js"></script>
<script type="text/javascript">
//第一步:创建实例化对象
ice.editor('editor',function(e){
    //配置编辑选项
    this.uploadUrl="__STATIC__/wenxue/ice/upload.php";
    //第二步,自定义菜单,默认加载全部
    e.menu = [
        'backColor', //字体背景颜色
        'fontSize', //字体大小
        'foreColor', //字体颜色
        'bold', //粗体
        'italic', //斜体
        'underline', //下划线
        'strikeThrough', //删除线
        'justifyLeft', //左对齐
        'justifyCenter', //居中对齐
        'justifyRight', //右对齐
        'indent', //增加缩进
        'outdent', //减少缩进
        'insertOrderedList', //有序列表
        'insertUnorderedList', //无序列表
        'superscript', //上标
        'subscript', //下标
        'createLink', //创建连接
        'unlink', //取消连接
        'hr', //水平线
        'table', //表格
        'files', //附件
        'music', //音乐
        'video', //视频
        'insertImage', //图片
        'removeFormat', //格式化样式
        'paste', //富文本粘贴
        'code', //源码
        'line' //菜单分割线
    ];


    //第三步:创建
    e.create();
});
</script>

需要注意的是,上面代码中的 editor 代表着你的编辑器唯一id,千万不能重复。

更多资料参考官网吧,我这边是正常使用了。还有点问题,就是上传的时候出现文件夹不存在,我想应该是需要改一下php文件代码的,因为所有文件夹都是755权限,也可以尝试修改一下777权限再试一下。

目前使用的是香港30M大带宽,可以尝试把数据放在本地的。

演示图片:

JS插入网页独立编辑器

官网地址:

https://www.iceui.net/iceEditor/doc

Tags:

版权声明:若无特殊注明,本文皆为《燕闻墨香博客》原创,转载务必保留文章来源。

本文链接:JS插入网页独立编辑器 & https://www.mxooo.cn/1244/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享