html实现富文本编辑器,前端程序员福利,6款轻量级富文本编辑器,轻松实现富文本编辑...
1.国产富文本编辑wangEditor
基于javascript跟css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费,样式可自定义typecho 富文本编辑器,菜单栏可以自定义配置。
下载:
使用:
2.Quill
Quill 是一个开源的富文本编辑器,基于可扩充的构架设计,提供丰富的 API 进行订制。
特性:
使用方式:
3.bootstrap-wysiwyg
为Bootstrap订制的微型所见即所得(What you see is what you get)富文本编辑器。
主要特色:
3.JQUERY NOTEBOOK
一个简略typecho 富文本编辑器,干净,优雅的所见即所得的富文本编辑器.用键盘选中文字可见到疗效。
使用:
引入css文件:
引入js文件:
HTML代码:
$(document).ready(function(){
$('.my-editor').notebook();
});
4.轻量级文本编辑器Trumbowyg
Trumbowyg一个羽量级文本编辑器,简洁可爱的设计,生成句法代码,有一个强悍的API。 编辑生成的代码进行了优化,HTML5的支持。 兼容浏览器IE7 +,Chrome,Opera跟Firefox。 只有15 kb这意味着更快的页面读取。
使用方式:
首先,添加jQuery至页面位置:
在这以后,你应当读取Trumbowyg。
别忘了Trumbowyg CSS至,或负载编辑您自己的色调。
基础知识
这最少的代码将一个简略的div Trumbowyg至神奇的WYSIWYG编辑器。
$('#trumbowyg-demo').trumbowyg();
如果你想设置Trumbowyg选项,添加一个包含你的选择对象作为参数。
$('#trumbowyg-demo').trumbowyg({
fullscreenable: false,
closable: true,
btns: ['bold', 'italic', '|', 'insertImage']
});
5.Simditor 富文本编辑器
Simditor 是团队协作工具 Tower 使用的富文本编辑器。功能精简,加载迅速。
相比传统的编辑器它的特征是:
使用方式这儿就不说了,和其他编辑器大致一致。
6.Cmd Markdown 编辑阅读器
Markdown 是一种便于记忆、书写的纯文本标记语言,用户可以使用这种标记符号以最小的键入代价生成极富表现力的文档。
实例地址 :
欢迎诸位程序员们补充这儿没有提及的,性能更好的编辑器。
html实现富文本编辑器,前端程序员福利,6款轻量级富文本编辑器,轻松实现富文本编辑...相关推荐
- android前端代码编辑器,前端程序员福利,6款轻量级富文本编辑器
原标题:前端程序员福利,6款轻量级富文本编辑器 1.国产富文本编辑wangEditor 基于java和css开发的 Web富文本编辑器, 轻量.简洁.易用.开源免费,样式可自定义,菜单栏可以自定义配置 ...
- 前端程序员福利 利用node写接口
Code is never die ! 前端程序员为什么要自己写接口?
- 前端程序员最爱用的8款代码编辑器,你用哪款?
今天给大家分享8款前端程序员最爱用的代码编辑器,来看看你用哪款? 学编程从模仿开始,照书上一个字符一个字符的把代码敲进编辑器,编译,运行,输出"Hello word!".Fine, ...
- 快速开发插件emmet,前端程序员炫技必备!
同学们肯定看到过有前端程序员在开发的时候输入一小行代码然后立马就出现一大串写好的代码,感觉很高大上的感觉.今天小千就来教大家如何实现这个效果. 平时我们在做开发的时候最费时间的工作就是写 HTML.C ...
- Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮、代码补全等...
Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等-- 语法高亮.代码提示补全. ...
- Lua sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux
sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux [ 编程开发, 编辑输入 - Windows, Mac, Linux // 20 ...
- java前台界面设计_前端程序员要懂的 UI 设计知识
前端程序员要懂的 UI 设计知识 疯狂的技术宅 前端先锋 翻译:疯狂的技术宅 作者:Per Harald Borgen 来源:freecodecamp 正文共:1401 字 预计阅读时间:5分钟 作为 ...
- 程序员大佬都在用的代码编辑器,你不用就OUT啦
作为程序员,免不了与查看代码.写代码为伴,无论是前端还是后端.一款优秀的代码编辑器可以帮助程序员伙伴更高效的完成项目的开发任务,提高工作效率,正所谓"工欲善其事,必先利其器".作为 ...
- 初中级前端程序员面试中小型公司会问哪些问题?
初中级前端程序员面试中小型公司会问哪些问题?不同的公司面试内容也不尽相同,有的面试过程很轻松,有的面试官是个架构师level 挺高不会问八股文,给出了几个现实中的场景,然后转换成代码的逻辑去让实现. ...
最新文章
- Python,OpenCV鼠标事件进行矩形、圆形的绘制(随机颜色、随机半径)
- dtrace-debug
- (转载)Hadoop2.7.1配置
- windows下部署oracle11,windows下配置oracle11g的dataguard
- Linux 中最常用 150 个命令汇总
- 存储Tensorflow训练网络的参数
- 如果有多个虚拟机,手动启动哪个
- 软交换协议比较和发展趋势 (SIP-T和SIP-I的比较)
- win10读取linux硬盘,win10怎么读取lxext4格式硬盘
- python3爬虫实战-requests+beautifulsoup-爬取下载顶点网站的小说
- 真核生物基因结构 mRNA结构
- 电脑计算机睡眠和休眠模式区别,Windows系统的睡眠模式和休眠模式以及待机模式的区别知识科普...
- android kindle 无效文档,URL schemes 按官方文档设置无效
- IDEA+Java+SSM+Mysql+JSP实现Web宠物商城系统
- mac系统python读取文件路径_python读取文件常见问题(Mac版)
- 基于微信小程序的快递取件及上门服务-计算机毕业设计
- Redis 之 subscribe 订阅模式封装
- 三星意欲赢回苹果A系列芯片订单 台积电当仁不让
- 如何使用服务器虚拟主机,购买虚拟主机后如何使用
- Google 发布 ARCore 1.0