原生html页面使用富文本

原创于 2019-10-12 14:59:43 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

原生专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了一种富文本编辑器的实现方法,包括所需资源的下载链接,以及使用KindEditor和jQuery EasyUI进行初始化的具体步骤。通过本文,读者可以快速上手搭建自己的富文本编辑器。

下面会用到的资源下载链接

链接: https://pan.baidu.com/s/1qH96hDPLmgbBRp8SKStdiA 提取码: 4x95

<link href="kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">

<script type="text/javascript" charset="utf-8" src="kindeditor-4.1.10/kindeditor-all-min.js"></script>

<script type="text/javascript" charset="utf-8" src="kindeditor-4.1.10/lang/zh_CN.js"></script>

<script type="text/javascript" charset="utf-8" src="jquery-easyui-1.4.1/jquery.min.js"></script>

<script type="text/javascript">

   $(function(){

      KindEditor.ready(function(){

         KindEditor.create("#editor")

      })

   })

</script>

<body>

       <h1>富文本编辑器Demo</h1>

      <textarea style="width:700px;height:350px" id="editor"></textarea>

</body>