当前位置:首页 > 天道酬勤 > 正文内容

开源web代码编辑器(微软开源编辑器)

张世龙2021年12月21日 21:28天道酬勤810

许多开发人员在页面上使用文本编辑器时,必须引入许多文件才能正常使用,开发人员感到有些麻烦。 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主页。

扫描二维码推送至手机访问。

版权声明:本文由花开半夏のブログ发布,如需转载请注明出处。

本文链接:https://www.zhangshilong.cn/work/26589.html

标签: 编辑器
分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。