JeecgBoot 富文本使用

最新推荐文章于 2023-10-04 14:51:35 发布

不打代码打男人

最新推荐文章于 2023-10-04 14:51:35 发布

阅读量1.6k

点赞数 1

分类专栏：草鸡的专栏文章标签： java html servlet

本文链接：https://blog.csdn.net/rigou11/article/details/125939611

版权

草鸡的专栏专栏收录该内容

40 篇文章 3 订阅

订阅专栏

背景：公司在用JeecgBoot低代码平台做项目了，现在要用一个富文本，但是光根据文档做的好像有点不太够。

 <j-editor  v-model="model.projectDescribe" :triggerChange="true"  @change="costPlannedAmountChange" />

可以看到他封装的JEditor有个watch的方法，最后使用了this.$emit('change', newValue)的方法。通过百度知道这是子组建发生变化，通过change的方法告诉父组件，这样就可以在父组件中加一个change的方法去接受变化的值。

本来是一点也不知道，要学会静下心来去看代码……多少有点成就感了。嗯，我是后端yeah

优惠劵

不打代码打男人

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JeecgBoot 富文本使用

……
复制链接

扫一扫

专栏目录

JEditor:具有许多现代功能的轻量级文本编辑器

05-01

编辑器 JEditor是一个完全用Java编写的现代编辑器，这意味着它完全可以防止内存泄漏，并且非常安全。 JEditor支持超过30种编程语言的语法突出显示。它会不断更新，并且更新基于用户反馈。该编辑器还支持设置警报，这样您在工作时就不会错过任何重要的事情。其中一些功能如下：特征完全用Java编写支持30多种编程语言支持5种以上语言的拼写检查，包括英语，德语，法语，西班牙语，意大利语，俄语，荷兰语和波兰语。包括一个智能的单词自动补全功能，如果启用，它将自动补全单词支持使用用户定义的铃声设置警报理论上支持无限的选项卡，因此您可以根据需要使用任意数量的文件高度可定制的外观由热情的开发人员积极开发，并考虑了用户反馈编译并运行编译代码的最简单方法是在上导入JEditor项目。请将文件夹中提供的库添加到Eclipse中的项目中。然后只需构建项目并运行它。

JEECG ueditor二次开发指南

07-04

JEECG ueditor二次开发指南

参与评论您还未登录，请先登录后发表或查看评论

jeecgboot 可编辑表格弹窗富文本框

最新发布

nickDaDa的博客

10-04

1490

最近使用jeecgboot框架的JEditableTable做一个数据维护，有一个需求是用户要录入SQL语句，帮他顺序执行SQL，由于SQL又臭又长，小小的input框没办法显示全，导致每次需要在txt里编辑好了再贴进去，修改也是一样。于是乎，测试的胖子提出需求，需要点击弹出一个框，完全显示编辑内容。这里使用了compute，用于防止子组件直接修改父组件的值。如图，只能显示几个字，多了就看不到了。父组件中的column，增加使能点击事件的属性。父组件处理子组件传过来的数据。父组件监听子组件的事件。

jeecgboot富文本框不显示问题建议解决办法

weixin_48222370的博客

09-01

1941

jeecgboot富文本框不显示问题建议解决办法问题：如果iframe.htm为一个静态页面，那么当改变了iframe.htm的页面内容，无论如何刷新 container.htm，都有可能出现iframe.htm不发生改变的情况。只有单独访问iframe.htm，并且强制刷新一下，才会使得container.htm页面iframe里边的内容也发生变化。总结：富文本标签的对于静态页面的缓存问题比较严重解决办法：开发者开发环境下页面强制刷新；在src里边的路径后边加一个版本标识

jeecg富文本编辑器增加字体(仿宋)

weixin_30247781的博客

08-06

243

jeecg富文本编辑器增加字体(仿宋) jeecg富文本编辑器增加字体(仿宋) 温馨提示：jeecg 提供了uedit富文本的实现，如下针对的是uedit增加仿宋字体示例。主要修改三个文件：plug-in\ueditor\ueditor.config.js、plug-in\ueditor\lang\en\en.js、plug-in\ueditor...

jeecg里面富文本tinymce使用后显示空白，丢失

Yipitre的博客

03-23

591

https://blog.csdn.net/weixin_39531049/article/details/124160656

关于JeecgBoot 的项目理解、使用心得和改进建议

qq_32096975的博客

11-18

4491

关于JeecgBoot 的项目理解、使用心得和改进建议

jeecgboot vue3打包以后富文本框tinymce不显示

weixin_44934104的博客

04-17

915

skins文件夹：node_modules/tinymce中找到skins文件夹，也复制到public/tinymce里。本人并不熟悉前端，遇到了问题基本靠百度，用此博客用来记录一下，如果有什么疑问或者有更好的解决方式请问评论区留言~打包到服务器以后，富文本框不会展示，搞了好久才搞出来，不确定是方法1还是方法2起效了，记录一下吧。2、打包的dist文件夹中，加入static文件夹，放入1中整理的tinymce文件夹。第一种方法：在public文件夹下放置tinymce文件夹，加入文件。

jeecg 的JEditor文本编辑器组件使用

reg183的专栏

11-09

1867

jeecg 的JEditor文本编辑器组件使用

jeecg-Boot 富文本编辑器图片上传替换成指定路径

mfylove的博客

02-18

3235

jeecg-boot集成了tinyMCE编辑器,找到JEditor.vue(components/jeecg/JEditor) 引用 import { postAction } from '@/api/manage' 将images_upload_handler:里的方法替换掉就可以了 <script> import { postAction } from '@/api/m...

使用UEditor实现富文本编辑图片上传附件上传实例

12-04

1、内含两个文件：①、UEditorDemo.rar ②、UEdtior的简单使用.doc； 2、第一个文件是一个web项目，可以导入MyEclipse中直接启动看效果； 3、第二个文件时一个word文档，记录了UEditor的使用过程； 4、需要一个资源分只是为了能下载东西，往大伙儿见谅； 5、最后一点是提示：如果要把UEditor使用在struts中，要重写web.xml中所有过滤.jsp或者.*的过滤器，不然上传图片和文件会失败。

jeecgboot +activiti5.22集成

07-15

jeecgboot++activiti5.22集成

jeecgboot(postgreSQL).pdf

11-12

jeecgboot（postgreSQL）

JEECGBOOT代码SQL漏洞处理方案.zip

06-21

漏洞编码：HW21-0499 产品名字：JeecgBoot低代码平台问题： JEECG系统存在SQL注入0day漏洞

word源码java-jeecgboot:jeecgboot

06-05

JeecgBoot 是一款基于代码生成器的低代码开发平台！前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发! ...

Jeecg-Boot技术文档

03-24

Jeecg-Boot是一款基于BPM的低代码平台，零代码开发！采用前后端分离架构： SpringBoot 2.x，Ant Design&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码！！帮助Java项目解决...

阿里云视频点播和HLS加密解密

rigou11的博客

09-26

6113

背景：工作需要，领导让去研究阿里云视频点播，毕竟害怕付费视频被二次转发，导致视频的不安全。 HLS标准加密 - 视频点播 - 阿里云前期准备： 1）开启视频点播控制台。 2）设置转码模板组，因为看文档说加密有标准HLS加密和阿里私密加密和DRM加密（商业一点，贵贵），同时阿里私密加密有个不足就是IOS网页不能播放，所以这里使用HLS加密了，在这边也需要做点操作。具体某个画质里面，设置封装格式为HLS，高级参数那边设置私密加密。 3）域名管理只有添加分发加速的域名才能使用HLS加...

后端主动向前端推送的技术b

rigou11的博客

08-04

3608

背景：当一个用户反馈给另一个用户的时候，被反馈的用户可以弹出消息框，在反馈框中会有红色小点点。这就意味着我后端要主动推给前端。之前做过webSocket，真的感觉不敢用，前端要是做轮询的话，性能都没有了，一种拣了芝麻丢了西瓜的感觉。嗝，百度看到了sse。 sse是后端向前端发信息的单向通道，客户端发送一个请求，服务端保持足够连接直到有新消息发送回客户端，仍然保持着连接，这样连接就可以消息再次发送，由服务器单向发送给客户端。偷了别的图 package com.ccas.manage.confi.

python gui构造openai api可视化页面

rigou11的博客

02-16

3094

python gui构造openai api可视化页面

jeecgboot vue2使用

05-05

JeecgBoot是一个基于SpringBoot的快速开发平台，它提供了许多常用的功能例如代码生成、权限管理、数据字典、日志管理等等。而Vue2是一种流行的JavaScript框架，它可以用来构建现代化的Web应用程序。在JeecgBoot中使用Vue2可以帮助我们更快速地开发现代化的Web应用程序。下面是使用JeecgBoot和Vue2开发Web应用程序的基本步骤： 1. 创建一个JeecgBoot项目，可以使用JeecgBoot的代码生成器来创建一个基础的项目。 2. 在JeecgBoot项目中集成Vue2，可以使用npm包管理器来安装Vue2。在项目的根目录下执行以下命令： ``` npm install vue ``` 3. 创建Vue2组件，可以在JeecgBoot项目的前端资源目录下创建一个新的Vue2组件。例如，在src/main/resources/webapp/vue/components目录下创建一个名为HelloWorld.vue的文件，内容如下： ``` <template> <div> <h1>Hello {{ name }}!</h1> </div> </template> <script> export default { data() { return { name: 'World' } } } </script> ``` 4. 在JeecgBoot项目中使用Vue2组件，可以在JeecgBoot的JSP页面中使用Vue2组件。例如，在src/main/resources/templates目录下创建一个名为index.jsp的文件，内容如下： ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <%@ taglib prefix="security" uri="http://www.springframework.org/security/tags" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JeecgBoot Vue2 Demo</title> <script src="/static/js/vue.min.js"></script> </head> <body> <div id="app"> <hello-world></hello-world> </div> <script src="/static/js/app.js"></script> </body> </html> ``` 注意，在页面中引入Vue2的JavaScript文件，以及Vue2组件的JavaScript文件。 5. 编译Vue2组件，可以使用Webpack来编译Vue2组件。在项目的根目录下执行以下命令： ``` npm install webpack webpack-cli vue-loader vue-template-compiler css-loader style-loader --save-dev ``` 然后在项目的根目录下创建一个名为webpack.config.js的文件，内容如下： ``` const path = require('path'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); module.exports = { mode: 'development', entry: './src/main/resources/webapp/vue/index.js', output: { path: path.resolve(__dirname, 'src/main/resources/static/js'), filename: 'app.js' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] } ] }, plugins: [ new VueLoaderPlugin() ] }; ``` 然后在项目的src/main/resources/webapp/vue目录下创建一个名为index.js的文件，内容如下： ``` import Vue from 'vue'; import HelloWorld from './components/HelloWorld.vue'; new Vue({ el: '#app', components: { 'hello-world': HelloWorld } }); ``` 6. 编译Vue2组件，可以在项目的根目录下执行以下命令： ``` ./node_modules/.bin/webpack --config webpack.config.js ``` 这将会编译Vue2组件，并将编译结果输出到src/main/resources/static/js目录下。 7. 运行JeecgBoot应用程序，可以使用以下命令来启动JeecgBoot应用程序： ``` mvn spring-boot:run ``` 访问http://localhost:8080即可看到Vue2组件在JeecgBoot应用程序中的效果。这就是使用JeecgBoot和Vue2开发Web应用程序的基本步骤。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交