许多开发人员在页面上使用文本编辑器时,必须引入许多文件才能正常使用,开发人员感到有些麻烦。 Gitee今天向大家推荐的这个编辑器主要是本机开发和轻量级的,对很多开发者来说是个不错的选择。
项目名称: ice编辑器
项目作者:冰优
开源许可协议: MIT
项目简介: ice编辑器是一个风格简单的富文本编辑器,非常小巧,没有任何依赖,整个编辑器只有一个文件,但是功能并不平凡! 设计简单、美观、简单、速度快,使用时无需引用jQuery、font、css……等文件。 因为整个编辑器只是Js,所以可以上传图像和附件,可以添加音乐和视频!
纯粹的原生开发,没有任何依赖,清廉清白响应的布局,支持任何分辨率的设备在整个编辑器中只有一个文件,高效方便简单唯美的设计,简洁快捷。
那么,怎么使用这个编辑器呢? 作者在自述中也说明了使用方法:
//第一步:创建实例化对象
vare=new ice.editor 内容);
//步骤2 :设置上传图像和附件以提交表格的路径
e .上载URL=’/ICE编辑器/SRC /上载. PHP ‘;
//步骤3 :“配置”菜单所有默认加载都不需要配置) ) ) ) ) )。
电子菜单=[
“背景色”,//字体的背景色
“字体大小”,//字体大小
‘ foreColor ‘,//字体颜色
‘ bold ‘,//粗体
“斜体”,//斜体
‘ underline ‘,//下划线
‘严格通道’,//删除线
‘ justifyLeft ‘,//左对齐
‘ justifyCenter ‘,//居中对齐
‘ justifyRight ‘,//右对齐
增加“索引”,//缩进
‘ outdent ‘,//减少缩进
“插入有序列表”,//有序列表
‘ insertUnorderedList ‘,//无序列表
‘ superscript ‘,//上标
‘ subscript ‘,//下标
创建链接,//连接
‘ unlink ‘,//断开连接
‘ insertHorizontalRule ‘,//水平线
表,//表
“文件”,//附件
‘ music ‘,//音乐
视频,//视频
‘ insertImage ‘,//照片
“移除格式”,//格式样式
代码,//源代码
“line’ //菜单分割线
];
//步骤4 :创建
e .创建
设置编辑器尺寸
vare=新ice.editor ) )内容);
e.width=’700px帕克斯’; //宽度
e.height=’300px帕克斯’; //高度
e .创建;
禁用编辑器
vare=新ice .编辑器内容);
e .禁用=真;
e .创建;
获取内容
vare=新ice .编辑器内容);
控制台日志e.gethtml ) ); 获取HTML格式的内容
控制台日志e.gettext ) ); 文本格式的内容
设置内容
vare=新建ice .编辑器内容);
e.setvalue ‘赫鲁罗世界!’ );
追加内容
vare=新ice .编辑器内容);
e.addvalue’Helloworld!’ );
如果您对这个编辑器更感兴趣,请点击下面访问项目仓库的地址。
Gitee还有其他文本编辑器的开源项目。 欢迎来到Gitee主页。