index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  7. <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
  8. <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
  9. <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
  10. <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
  11. <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
  12. <style type="text/css">
  13. div{
  14. width:100%;
  15. padding-left: 0;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div>
  21. <script id="editor" type="text/plain" style="width:100%;height:250px;"></script>
  22. </div>
  23. <script type="text/javascript">
  24. //实例化编辑器
  25. //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
  26. var ue = UE.getEditor('editor');
  27. function isFocus(e){
  28. alert(UE.getEditor('editor').isFocus());
  29. UE.dom.domUtils.preventDefault(e)
  30. }
  31. function setblur(e){
  32. UE.getEditor('editor').blur();
  33. UE.dom.domUtils.preventDefault(e)
  34. }
  35. function insertHtml() {
  36. var value = prompt('插入html代码', '');
  37. UE.getEditor('editor').execCommand('insertHtml', value)
  38. }
  39. function createEditor() {
  40. enableBtn();
  41. UE.getEditor('editor');
  42. }
  43. function getAllHtml() {
  44. alert(UE.getEditor('editor').getAllHtml())
  45. }
  46. function getContent() {
  47. var arr = [];
  48. arr.push("使用editor.getContent()方法可以获得编辑器的内容");
  49. arr.push("内容为:");
  50. arr.push(UE.getEditor('editor').getContent());
  51. alert(arr.join("\n"));
  52. }
  53. function getPlainTxt() {
  54. var arr = [];
  55. arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
  56. arr.push("内容为:");
  57. arr.push(UE.getEditor('editor').getPlainTxt());
  58. alert(arr.join('\n'))
  59. }
  60. function setContent(isAppendTo) {
  61. var arr = [];
  62. arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
  63. UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
  64. alert(arr.join("\n"));
  65. }
  66. function setDisabled() {
  67. UE.getEditor('editor').setDisabled('fullscreen');
  68. disableBtn("enable");
  69. }
  70. function setEnabled() {
  71. UE.getEditor('editor').setEnabled();
  72. enableBtn();
  73. }
  74. function getText() {
  75. //当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,所以要在选回来,然后取得内容
  76. var range = UE.getEditor('editor').selection.getRange();
  77. range.select();
  78. var txt = UE.getEditor('editor').selection.getText();
  79. alert(txt)
  80. }
  81. function getContentTxt() {
  82. var arr = [];
  83. arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
  84. arr.push("编辑器的纯文本内容为:");
  85. arr.push(UE.getEditor('editor').getContentTxt());
  86. alert(arr.join("\n"));
  87. }
  88. function hasContent() {
  89. var arr = [];
  90. arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
  91. arr.push("判断结果为:");
  92. arr.push(UE.getEditor('editor').hasContents());
  93. alert(arr.join("\n"));
  94. }
  95. function setFocus() {
  96. UE.getEditor('editor').focus();
  97. }
  98. function deleteEditor() {
  99. disableBtn();
  100. UE.getEditor('editor').destroy();
  101. }
  102. function disableBtn(str) {
  103. var div = document.getElementById('btns');
  104. var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
  105. for (var i = 0, btn; btn = btns[i++];) {
  106. if (btn.id == str) {
  107. UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
  108. } else {
  109. btn.setAttribute("disabled", "true");
  110. }
  111. }
  112. }
  113. function enableBtn() {
  114. var div = document.getElementById('btns');
  115. var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
  116. for (var i = 0, btn; btn = btns[i++];) {
  117. UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
  118. }
  119. }
  120. function getLocalData () {
  121. alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
  122. }
  123. function clearLocalData () {
  124. UE.getEditor('editor').execCommand( "clearlocaldata" );
  125. alert("已清空草稿箱")
  126. }
  127. </script>
  128. </body>
  129. </html>