Dokuwiki中文增强版技术支持中心

本页面只读。您可以查看源文件，但不能更改它。如果您觉得这是系统错误，请联系管理员。
<p>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;<br/>&lt;html&gt;<br/>&lt;head&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;title&gt;完整demo&lt;/title&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=utf-8&quot;/&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;ueditor.config.js&quot;&gt;&lt;/script&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;ueditor.all.min.js&quot;&gt; &lt;/script&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;lang/zh-cn/zh-cn.js&quot;&gt;&lt;/script&gt;<br/><br/>&nbsp;&nbsp;&nbsp; &lt;style type=&quot;text/css&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; div{<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width:100%;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; &lt;/style&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>&lt;div&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;h1&gt;完整demo&lt;/h1&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;script id=&quot;editor&quot; type=&quot;text/plain&quot; style=&quot;width:1024px;height:500px;&quot;&gt;&lt;/script&gt;<br/>&lt;/div&gt;<br/>&lt;div id=&quot;btns&quot;&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getAllHtml()&quot;&gt;获得整个html的内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getContent()&quot;&gt;获得内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;setContent()&quot;&gt;写入内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;setContent(true)&quot;&gt;追加内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getContentTxt()&quot;&gt;获得纯文本&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getPlainTxt()&quot;&gt;获得带格式的纯文本&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;hasContent()&quot;&gt;判断是否有内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;setFocus()&quot;&gt;使编辑器获得焦点&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onmousedown=&quot;isFocus(event)&quot;&gt;编辑器是否获得焦点&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onmousedown=&quot;setblur(event)&quot; &gt;编辑器失去焦点&lt;/button&gt;<br/><br/>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getText()&quot;&gt;获得当前选中的文本&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;insertHtml()&quot;&gt;插入给定的内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button id=&quot;enable&quot; onclick=&quot;setEnabled()&quot;&gt;可以编辑&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;setDisabled()&quot;&gt;不可编辑&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot; UE.getEditor(&#39;editor&#39;).setHide()&quot;&gt;隐藏编辑器&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot; UE.getEditor(&#39;editor&#39;).setShow()&quot;&gt;显示编辑器&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot; UE.getEditor(&#39;editor&#39;).setHeight(300)&quot;&gt;设置高度为300默认关闭了自动长高&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br/><br/>&nbsp;&nbsp;&nbsp; &lt;div&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;getLocalData()&quot; &gt;获取草稿箱内容&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;clearLocalData()&quot; &gt;清空草稿箱&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br/><br/>&lt;/div&gt;<br/>&lt;div&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;createEditor()&quot;&gt;<br/>&nbsp;&nbsp;&nbsp; 创建编辑器&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;button onclick=&quot;deleteEditor()&quot;&gt;<br/>&nbsp;&nbsp;&nbsp; 删除编辑器&lt;/button&gt;<br/>&lt;/div&gt;<br/><br/>&lt;script type=&quot;text/javascript&quot;&gt;<br/><br/>&nbsp;&nbsp;&nbsp; //实例化编辑器<br/>&nbsp;&nbsp;&nbsp; //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor(&#39;editor&#39;)就能拿到相关的实例<br/>&nbsp;&nbsp;&nbsp; var ue = UE.getEditor(&#39;editor&#39;);<br/><br/><br/>&nbsp;&nbsp;&nbsp; function isFocus(e){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(UE.getEditor(&#39;editor&#39;).isFocus());<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.dom.domUtils.preventDefault(e)<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function setblur(e){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).blur();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.dom.domUtils.preventDefault(e)<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function insertHtml() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var value = prompt(&#39;插入html代码&#39;, &#39;&#39;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).execCommand(&#39;insertHtml&#39;, value)<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function createEditor() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; enableBtn();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;);<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function getAllHtml() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(UE.getEditor(&#39;editor&#39;).getAllHtml())<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function getContent() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var arr = [];<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;使用editor.getContent()方法可以获得编辑器的内容&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;内容为：&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(UE.getEditor(&#39;editor&#39;).getContent());<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(arr.join(&quot;\n&quot;));<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function getPlainTxt() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var arr = [];<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;内容为：&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(UE.getEditor(&#39;editor&#39;).getPlainTxt());<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(arr.join(&#39;\n&#39;))<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function setContent(isAppendTo) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var arr = [];<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;使用editor.setContent(&#39;欢迎使用ueditor&#39;)方法可以设置编辑器的内容&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).setContent(&#39;欢迎使用ueditor&#39;, isAppendTo);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(arr.join(&quot;\n&quot;));<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function setDisabled() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).setDisabled(&#39;fullscreen&#39;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; disableBtn(&quot;enable&quot;);<br/>&nbsp;&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp; function setEnabled() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).setEnabled();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; enableBtn();<br/>&nbsp;&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp; function getText() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var range = UE.getEditor(&#39;editor&#39;).selection.getRange();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; range.select();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var txt = UE.getEditor(&#39;editor&#39;).selection.getText();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(txt)<br/>&nbsp;&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp; function getContentTxt() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var arr = [];<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;使用editor.getContentTxt()方法可以获得编辑器的纯文本内容&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;编辑器的纯文本内容为：&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(UE.getEditor(&#39;editor&#39;).getContentTxt());<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(arr.join(&quot;\n&quot;));<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function hasContent() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var arr = [];<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;使用editor.hasContents()方法判断编辑器里是否有内容&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(&quot;判断结果为：&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr.push(UE.getEditor(&#39;editor&#39;).hasContents());<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(arr.join(&quot;\n&quot;));<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function setFocus() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).focus();<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function deleteEditor() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; disableBtn();<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).destroy();<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function disableBtn(str) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var div = document.getElementById(&#39;btns&#39;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var btns = UE.dom.domUtils.getElementsByTagName(div, &quot;button&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0, btn; btn = btns[i++];) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (btn.id == str) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.dom.domUtils.removeAttributes(btn, [&quot;disabled&quot;]);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; btn.setAttribute(&quot;disabled&quot;, &quot;true&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; function enableBtn() {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var div = document.getElementById(&#39;btns&#39;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var btns = UE.dom.domUtils.getElementsByTagName(div, &quot;button&quot;);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (var i = 0, btn; btn = btns[i++];) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.dom.domUtils.removeAttributes(btn, [&quot;disabled&quot;]);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp; function getLocalData () {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(UE.getEditor(&#39;editor&#39;).execCommand( &quot;getlocaldata&quot; ));<br/>&nbsp;&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp; function clearLocalData () {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UE.getEditor(&#39;editor&#39;).execCommand( &quot;clearlocaldata&quot; );<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(&quot;已清空草稿箱&quot;)<br/>&nbsp;&nbsp;&nbsp; }<br/>&lt;/script&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;</p>
Dokuwiki中文增强版技术支持中心

站点工具

页面工具
