UEditor 编辑器

1:插件的导入

2:工具类

package com.flow.util;

import java.io.File;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;

public class UEditorContentUtil {

    /**
     * @Title: getExcelsFromContent
     * @Description: 获取UEditor内容中的Excel文件
     * @param content UEditor内容
     * @param rootPath 系统路径
     * @return
     * @throws Exception
     */
    public static List<File> getExcelsFromContent(String content,
            String rootPath) throws Exception {
        List<File> excelList = new ArrayList<File>();

        Document doc = Jsoup.parse(content);
        // 获取内容中的a标签
        Elements els = doc.getElementsByTag("a");
        Iterator<Element> it = els.iterator();
        for (; it.hasNext();) {
            Element el = it.next();
            // 获取文件地址
            String href = el.attr("href");
            String[] str = href.split("\\.");
            String end = str[str.length - 1];
            // 判断是否是Excel文件
            if ("xls".equals(end) || "xlsx".equals(end)) {
                File file = new File(rootPath, href);
                if (file.exists()) {
                    excelList.add(file);
                }
            }
        }

        return excelList;
    }
}

3:页面书写

  1):js引用

<script type="text/javascript" src="plugins/ueditor1_4_3_2/ueditor.config.js"></script>
<script type="text/javascript" src="plugins/ueditor1_4_3_2/ueditor.all.js"> </script>
<script type="text/javascript" src="plugins/ueditor1_4_3_2/lang/zh-cn/zh-cn.js"></script>

  2):JQ

  var ue = UE.getEditor(‘editor‘);//"editor"对应  ---3)的id属性 <script id="editor"></script>

  ue.hasContents();//判断插件是否有内容(文字或附件等)

  ue.getContent();//主要存放上传的文件地址(后台使用)

  ue.getContentTxt();//附件名+文字内容(后台使用)

  3):放入到页面

<td class="tl xwid">
   <script id="editor" type="text/plain" style="width:100%;height:210px;"></script>
</td>

  4):文件地址可在(config.json)文件中调节,也可使用默认地址

  如文件地址默认为:

  

  

时间: 2024-11-08 18:44:32

UEditor 编辑器的相关文章

ueditor编辑器使用总结

ueditor使用小结 一.简介 ueditor是百度编辑器,官网地址:http://ueditor.baidu.com/website/ 完整的功能演示,可以参考:http://ueditor.baidu.com/website/onlinedemo.html 为了方便开发学习,我们下载它的完整版和.net版. ueditor_release_ueditor1_4_3_1-src.zip ueditor_release_ueditor1_4_3_1-gbk-net.zip 二.如何引入uedi

tp中ueditor编辑器的使用

1/引入三个文件 <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="{$Think.co

(六)在线文档编辑器的使用和数据字典(ueditor编辑器/my97datepicker日期控件)

使用ueditor编辑器注意: 1. 要把ueditor的jar包添加到WEB-INF/lib里. 2. 在做图片上传等功能时,必须重写struts的过滤器,否则图片流会被拦截程序无法得到图片. 3. 上传的图片(还未经过action处理)一般放在 "C:\Users\Administrator\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps/项目名"的目录下.

Thinkphp整合最新Ueditor编辑器

说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看 插件中提供的 index.html 里的代码就明白应该怎么调用了.因为富文本编辑器会经常涉及到文件.图片.视频资源的上传,如果本身所用到的框架或者是项目本身就有一个模块是专门来处理这一块儿的,对一些资源需要做特殊处理的,例如水印处理,对图片的大小处理(原图.缩略图),那么就设计到把富文本编辑器与你现

html 实体转换为字符:转换 UEditor 编辑器 ( 在 ThinkPHP 3.2.2 中 ) 保存的数据

在 ThinkPHP 3.2.2 中使用 UEditor 编辑器保存文章内容时,数据库中保存的数据都被转义成实体,例如:&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;font-family: 微软雅黑, &amp;#39;Microsoft YaHei&amp;#39;; color: rgb(192, 0, 0);&quot;&gt;&lt;em&gt;&lt

使用 UEditor 编辑器获取数据库中的数据

在 ThinkPHP 3.2.2 中,使用 UEditor 编辑器获取数据库中保存的数据,可以使用 UEditor 自身提供的方法. 首先在视图模板中实例化编辑器,这是出现编辑器界面的必须的行为: <script type="text/javascript"> var editor = UE.getEditor('container'); </script> 然后使用 setContent 方法来使数据显示在编辑框内: editor.setContent(dat

Nop3.8定制系列(二):UEditor编辑器

Nop中使用UEditor编辑器,官网 http://ueditor.baidu.com/website/ 下载后解压. \Presentation\Nop.Web\Content 下,新建文件夹 ueditor,将解压后的文件 copy 至此文件夹. \Presentation\Nop.Web\Administration\Views\Shared\EditorTemplates 下新建页面 UEditor.cshtml 1 @model String 2 @using Nop.Core 3

一个页面实例化两个ueditor编辑器,同样的出生却有不同的命运

今天遇到一个比较怪异的问题,有一项目需要在同一个页面上展现两个ueditor编辑器,在展现时并不任何问题,但当点击了“保存”按钮时就出错了,有其中一个ueditor在asp.net中无法获取编辑器的值,这时代码是这样的: //第一个ueditor <script type="text/plain" id="editorValue"><asp:Literal ID="ltlContent" runat="server&q

ueditor编辑器配置及使用介绍

<1>:ueditor编辑器配置 1:首先去官网下载安装包http://ueditor.baidu.com/website/download.html 2:解压后,只需要保留utf8-php这个文件夹里面的内容就可以了 3:根据自己项目的需要配置到根目录的相应文件夹下,我是配置到根目录的public目录下,如下图 4:在html页面配置加载UEditor编辑器,加入三个js文件以及在页面初始化UEditor编辑器 这里的id="editor"就是初始化需要获取的id上下需要

在ueditor编辑器的光标停留处插入内容

业务场景: 首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的. 注意,当我们点击ueditor编辑器以外的地方,编辑器会失去焦点,此时,我们会看不到编辑器编辑时闪烁的光标了.因此我们的做法是这样的: UE.getEditor('editor').focus(); UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}'); 我们先获得编辑器