从UEditor内容中获取指定节点值(转)

今天吐槽一下百度的富文本编辑器UEditor,这种富文本编辑器极大地方便我们上传文件,开发人员无需编写任何上传代码,只需配置几个路径即可。但高度集成的东西有时也显得笨重,灵活度不高。比如:编辑器中我既要插入文字也要插入图片与视频,编辑器中的所有内容均可以HTML代码存到数据表中,这样很方便读取,但我需要单独提取图片与视频的路径地址存到另一张表。此时,就显得极不方便,无法在提交内容的时候顺道获取图片与视频的路径。

解决思路:获取编辑器中的内容,转化为uNode节点,再获取指定Node节点进行遍历,即可任意操作了。

js代码实现:
var root = UE.htmlparser(UE.getEditor('editor' ).getContent(), true);
var imgs = new Array();
var imgs = root.getNodesByTagName('img' );
for (i=0;i<imgs.length;i++){
    alert(imgs[i].getAttr( 'src'));
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Java将Word换为HTML需要使用Apache POI和JodConverter库。而将HTML导入到UEditor编辑器,需要在前端使用UEditor富文本编辑器,并在后端使用Java Web框架(如Spring MVC)来处理上传文件和保存HTML内容。 以下是一个简单的Java代码示例,演示如何将Word文档换为HTML,并将HTML保存到服务器上的文件: ```java import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import org.apache.poi.hwpf.HWPFDocument; import org.jodconverter.JodConverter; import org.jodconverter.office.LocalOfficeManager; import org.jodconverter.office.OfficeException; import org.jodconverter.office.OfficeManager; public class WordToHtmlConverter { public static void main(String[] args) { // Start the office manager OfficeManager officeManager = LocalOfficeManager.builder().officeHome("/usr/lib/libreoffice").install().build(); try { officeManager.start(); // Load the Word document HWPFDocument document = new HWPFDocument(new FileInputStream("document.doc")); // Create a temporary file for the HTML output File tempFile = File.createTempFile("document", ".html"); // Convert the document to HTML JodConverter.convert(document).to(tempFile).execute(); // Save the HTML content to a file on the server FileOutputStream fos = new FileOutputStream("output.html"); fos.write(Files.readAllBytes(tempFile.toPath())); fos.close(); // Delete the temporary file tempFile.delete(); } catch (IOException | OfficeException e) { e.printStackTrace(); } finally { // Stop the office manager officeManager.stop(); } } } ``` 在上述代码,我们使用JodConverter将Word文档换为HTML,并将HTML内容保存到服务器上的文件。然后,我们可以在Java Web应用程序使用Spring MVC等框架来处理上传文件,并将HTML内容保存到数据库。最后,在前端使用UEditor富文本编辑器时,我们可以将HTML内容加载到编辑器,让用户进行编辑和保存。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值