• <small id='0dWMo'></small><noframes id='0dWMo'>

      <bdo id='0dWMo'></bdo><ul id='0dWMo'></ul>
  • <legend id='0dWMo'><style id='0dWMo'><dir id='0dWMo'><q id='0dWMo'></q></dir></style></legend>

    <tfoot id='0dWMo'></tfoot>

        <i id='0dWMo'><tr id='0dWMo'><dt id='0dWMo'><q id='0dWMo'><span id='0dWMo'><b id='0dWMo'><form id='0dWMo'><ins id='0dWMo'></ins><ul id='0dWMo'></ul><sub id='0dWMo'></sub></form><legend id='0dWMo'></legend><bdo id='0dWMo'><pre id='0dWMo'><center id='0dWMo'></center></pre></bdo></b><th id='0dWMo'></th></span></q></dt></tr></i><div id='0dWMo'><tfoot id='0dWMo'></tfoot><dl id='0dWMo'><fieldset id='0dWMo'></fieldset></dl></div>
      1. KindEditor 4.x 在线编辑器常用方法小结

        KindEditor是一款功能强大的基于Web的富文本编辑器,可以方便地实现各种富文本编辑功能,广泛应用于日常的表单编辑和网页建设等领域。本文主要介绍KindEditor 4.x在线编辑器的常用方法,包括文本编辑、图像处理、文件上传等常用功能,同时提供示例说明。
          <bdo id='y8XfT'></bdo><ul id='y8XfT'></ul>

            <tbody id='y8XfT'></tbody>
        • <small id='y8XfT'></small><noframes id='y8XfT'>

        • <legend id='y8XfT'><style id='y8XfT'><dir id='y8XfT'><q id='y8XfT'></q></dir></style></legend><tfoot id='y8XfT'></tfoot>
              <i id='y8XfT'><tr id='y8XfT'><dt id='y8XfT'><q id='y8XfT'><span id='y8XfT'><b id='y8XfT'><form id='y8XfT'><ins id='y8XfT'></ins><ul id='y8XfT'></ul><sub id='y8XfT'></sub></form><legend id='y8XfT'></legend><bdo id='y8XfT'><pre id='y8XfT'><center id='y8XfT'></center></pre></bdo></b><th id='y8XfT'></th></span></q></dt></tr></i><div id='y8XfT'><tfoot id='y8XfT'></tfoot><dl id='y8XfT'><fieldset id='y8XfT'></fieldset></dl></div>
                • KindEditor 4.x 在线编辑器常用方法小结

                  KindEditor是一款功能强大的基于Web的富文本编辑器,可以方便地实现各种富文本编辑功能,广泛应用于日常的表单编辑和网页建设等领域。本文主要介绍KindEditor 4.x在线编辑器的常用方法,包括文本编辑、图像处理、文件上传等常用功能,同时提供示例说明。

                  一、文本编辑

                  在KindEditor中,文本编辑是最基本也是最重要的功能。具体的文本编辑方法如下:

                  • 文本加粗、斜体或下划线
                  // 加粗
                  editor.execCommand('bold');
                  // 斜体
                  editor.execCommand('italic');
                  // 下划线
                  editor.execCommand('underline');
                  
                  • 插入序列号或项目符号列表
                  // 插入有序列表
                  editor.execCommand('insertorderedlist');
                  // 插入无序列表
                  editor.execCommand('insertunorderedlist');
                  
                  • 制作标题
                  // 插入一级标题
                  editor.execCommand('formatblock', '<h1>');
                  // 插入二级标题
                  editor.execCommand('formatblock', '<h2>');
                  

                  二、图像处理

                  在KindEditor中,插入图片也是常用操作之一,下面是相关的代码示例:

                  • 插入网络图片
                  editor.insertHtml('<img src="http://www.example.com/example.jpg" alt="example" />');
                  
                  • 插入本地图片
                  editor.loadPlugin('image', function() {
                      editor.plugin.imageDialog({
                          imageUrl : KindEditor.basePath + '/attached/image/example.jpg',
                          clickFn : function(url, title, width, height, border, align) {
                              editor.insertHtml('<img src="' + url + '" alt="example" />');
                              dialog.hide();
                          }
                      });
                  });
                  

                  三、文件上传

                  在KindEditor中,上传文件也是常用操作之一,下面是相关的代码示例:

                  • 上传文件的相关配置
                  fileManagerJson: 'php/file_manager_json.php',
                  uploadJson: 'php/upload_json.php',
                  
                  • 上传文件的同时指定存储路径
                  editor.loadPlugin('insertfile', function() {
                      editor.plugin.fileDialog({
                          fileUrl : KindEditor.basePath + '/attached/file/example.doc',
                          clickFn : function(url, title) {
                              editor.insertHtml('<a href="' + url + '">' + title + '</a>');
                              dialog.hide();
                          }
                      });
                  });
                  

                  总结

                  通过以上介绍,我们可以看到KindEditor 4.x在线编辑器提供了丰富的文本编辑、图像处理和文件上传等功能,大大便利了我们的网页开发工作。除了以上的示例,还有很多其他的功能,希望读者们可以进一步探索和使用。

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  下面是“背景图片自适应浏览器分辨率大小并自动拉伸全屏”的完整攻略。
                  下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:
                  以下是兼做美工之导航条制作过程分享的完整攻略:
                  JS 控制 CSS 样式表的方式主要有两种:通过修改样式属性来修改元素样式,以及通过切换 CSS 类名来切换元素样式。下面分别给出具体的步骤和示例说明。
                  实现首页动态视频背景,可以使用HTML5的video标签,下面是具体的示例代码和操作步骤:
                    <tfoot id='knC3x'></tfoot>

                  • <legend id='knC3x'><style id='knC3x'><dir id='knC3x'><q id='knC3x'></q></dir></style></legend>

                        <tbody id='knC3x'></tbody>

                        <small id='knC3x'></small><noframes id='knC3x'>

                          <i id='knC3x'><tr id='knC3x'><dt id='knC3x'><q id='knC3x'><span id='knC3x'><b id='knC3x'><form id='knC3x'><ins id='knC3x'></ins><ul id='knC3x'></ul><sub id='knC3x'></sub></form><legend id='knC3x'></legend><bdo id='knC3x'><pre id='knC3x'><center id='knC3x'></center></pre></bdo></b><th id='knC3x'></th></span></q></dt></tr></i><div id='knC3x'><tfoot id='knC3x'></tfoot><dl id='knC3x'><fieldset id='knC3x'></fieldset></dl></div>
                          • <bdo id='knC3x'></bdo><ul id='knC3x'></ul>