文本编辑器

最新推荐文章于 2023-05-07 09:15:57 发布

福尔摩斯的弟子

最新推荐文章于 2023-05-07 09:15:57 发布

阅读量174

点赞数

分类专栏：插件文章标签：富文本编辑器

本文链接：https://blog.csdn.net/qq_37260714/article/details/75330739

版权

5 篇文章 0 订阅

订阅专栏

 
 将文件夹放在webroot目录下，引用的时候注意路径 

  <head> 

  <base href="<%=basePath%>"> 

  <title>文本编辑器</title> 

  <meta http-equiv="pragma" content="no-cache"> 

  <meta http-equiv="cache-control" content="no-cache"> 

  <meta http-equiv="expires" content="0"> 

  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 

  <meta http-equiv="description" content="This is my page"> 

  <!-- 

  <link rel="stylesheet" type="text/css" href="styles.css"> 

-->

 
 <script src="editor/js/instantiation.js" type="text/javascript" charset="utf-8"></script> 

 
 <script src="editor/ueditor.config.js" type="text/javascript" charset="utf-8"></script> 

 
 <script src="editor/ueditor.all.js" type="text/javascript" charset="utf-8"></script> 

  <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script> 

  <style type="text/css"> 

  div { 

  width: 100%; 

}

  </style> 

  </head> 

  <body> 

  <div> 

  <h1>完整demo</h1> 

  <script id="editor" type="text/plain" 

  style="width:1024px;height:500px;"></script> 

  </div> 

  <div id="btns"> 

  <div> 

  <button οnclick="getAllHtml()">获得整个html的内容</button> 

  <button οnclick="getContent()">获得内容</button> 

  <button οnclick="setContent()">写入内容</button> 

  <button οnclick="setContent(true)">追加内容</button> 

  <button οnclick="getContentTxt()">获得纯文本</button> 

  <button οnclick="getPlainTxt()">获得带格式的纯文本</button> 

  <button οnclick="hasContent()">判断是否有内容</button> 

  <button οnclick="setFocus()">使编辑器获得焦点</button> 

  <button οnmοusedοwn="isFocus(event)">编辑器是否获得焦点</button> 

  <button οnmοusedοwn="setblur(event)">编辑器失去焦点</button> 

  </div> 

  <div> 

  <button οnclick="getText()">获得当前选中的文本</button> 

  <button οnclick="insertHtml()">插入给定的内容</button> 

  <button id="enable" οnclick="setEnabled()">可以编辑</button> 

  <button οnclick="setDisabled()">不可编辑</button> 

  <button οnclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button> 

  <button οnclick=" UE.getEditor('editor').setShow()">显示编辑器</button> 

  <button οnclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button> 

  </div> 

  <div> 

  <button οnclick="getLocalData()">获取草稿箱内容</button> 

  <button οnclick="clearLocalData()">清空草稿箱</button> 

  </div> 

  </div> 

  <div> 

  <button οnclick="createEditor()">创建编辑器</button> 

  <button οnclick="deleteEditor()">删除编辑器</button> 

  </div> 

  </body> 

 
 下载对应案例

关注