首页springboot整合wangEditor富文本编辑器

springboot整合wangEditor富文本编辑器

时间: 2023-06-29 17:02:19 浏览: 265

要在Spring Boot中整合WangEditor富文本编辑器，可以按照以下步骤进行操作： 1. 在pom.xml文件中添加以下依赖： ```xml  <dependency> <groupId>com.github.wangfengtao</groupId> <artifactId>wangeditor-spring-boot-starter</artifactId> <version>1.4.4</version> </dependency> ``` 2. 创建一个Controller，并添加一个返回WangEditor的接口： ```java @RestController @RequestMapping("/editor") public class EditorController { @GetMapping("/wangeditor") public ModelAndView wangeditor() { return new ModelAndView("editor"); } } ``` 其中，`editor`是一个HTML模板文件，用于展示WangEditor富文本编辑器。 3. 在`resources/templates`目录下创建`editor.html`文件，代码如下： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WangEditor富文本编辑器</title>  <link rel="stylesheet" type="text/css" href="/webjars/wangeditor/4.5.1/css/wangEditor.min.css"/> </head> <body> <textarea id="editor" name="content"></textarea>  <script type="text/javascript" src="/webjars/wangeditor/4.5.1/js/wangEditor.min.js"></script> <script type="text/javascript"> // 创建富文本编辑器 var editor = new wangEditor('#editor'); editor.create(); </script> </body> </html> ``` 4. 启动应用程序，并在浏览器中访问`http://localhost:8080/editor/wangeditor`，即可看到WangEditor富文本编辑器。以上就是在Spring Boot中整合WangEditor富文本编辑器的步骤。

阅读全文