纯JS文本在线HTML编辑器KindEditor
2024-08-28 01:31:03
KindEditor(http://www.kindsoft.net)是一款比较专业,主流,好用的在线HTML编辑器。
它除了可以将文本进行编辑、将Word中的内容复制进来外,本身还可以拖动缩放(右下角),十分好用。
当然,最重要的是,它是纯JS版的,加载它十分方便:
<head>
<script type="text/javascript" src="/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/kindeditor-4.1.6/kindeditor.js"></script>
<script type="text/javascript" src="/kindeditor-4.1.6/lang/zh_CN.js" charset="utf-8"></script>
</head>
说明:
1)第一段是引用了JQuery,理论上1.3.2版本以上都可以,但如果有新版本向下兼容,请替换老版本。下载
2)第二段是在官方主页上下载的JS主体(http://www.kindsoft.net)。下载
3)第三段是中文补丁包,为能正常显示编码,请加上:charset="utf-8"。下载
然后,创建editor对象:
<script type="text/javascript">
//创建editor对象
KindEditor.ready(function(K) {
window.editor = K.create('#txtEditor');
});
</script>
用HTML控件创建KindEditor:
<textarea id="txtEditor" name="txtEditor" style="height:300px;width:100%;"></textarea>
从JS中取值:
<script type="text/javascript">
//获取HTML值
var vHTML = window.editor.html();
//获取Text值
var vText = window.editor.text();
</script>
或者更简单的用服务器控件创建KindEditor:
<asp:TextBox ID="txtEditor" runat="server" TextMode="MultiLine" Width="100%" Height="300px"></asp:TextBox>
从.cs文件后台取值:
string editorValue = this.txtEditor.Text.Trim();
更多关于KindEditor的使用方法,请参见官网
最新文章
- (分享)视频压缩Free Video Compressor 汉化版/中文版【全网唯一】
- matlab中动态绘图并保存为视频的小例子
- codeforces Gym 100187H H. Mysterious Photos 水题
- iOS - 网络语线程(OC)
- Windows 系统消息范围和前缀,以及消息大全
- 公众号第三方平台开发-aes解密失败
- nginx视频直播/点播服务干货分享
- 实现Qt日志功能并输出到文件(qDebug\qWarning\ qCritical\qFatal)
- Hive 时间日期处理总结
- UE4 创建自己的角色
- jenkins修改数据存放路径
- sql 查询语句的练习
- 用python做一个烟花show
- Python3编写网络爬虫10-数据存储方式三-CSV文件存储
- 20145326蔡馨熤《网络对抗》—— Web基础
- BGP - 2,BGP报文和BGP状态
- python + selenium 学习笔记 -摘要
- 【巷子】---fetch---基本使用
- manjaro i3 配置笔记
- MyBatis的优缺点