當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

如何配置一个最基本的web富文本编辑器？--之wangEditor（验证成功）

發布時間：2023/12/10 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了如何配置一个最基本的web富文本编辑器？--之wangEditor（验证成功）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?

第一步，引用wangEditor的css文件，css文件最好在<head>中引用

第二步，引用jquery和wangEditor.js，js文件最好在<body>最下方引用

第三步，配置富文本框。

一個完整的配置實例：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><link rel="stylesheet" type="text/css" href="wangEditor/css/wangEditor-1.3.0.min.css"><title>發帖</title></head><body><form name="myForm" action="ArticleManage.action" method="post"> 標題: <input type="text" name="title" size="32">（限輸入15個文字）<br> 內容：<textarea rows="10" id="editor" cols="25" name="content" ></textarea><input type="submit" value="提交"> <input type="reset" value="重置"> </form> <script type="text/javascript" src='wangEditor/js/jquery-1.10.2.min.js'></script> <script type="text/javascript" src='wangEditor/js/wangEditor-1.3.0.min.js'></script> <script type="text/javascript">$(function(){$('#editor').wangEditor();}); </script></body> </html>

? ?我已15年5月30日用了該文本編輯器，并配置成功（struts等其他框架標簽的textarea里沒配置成功）。即只適用于普遍的HTML的textarea標簽中使用

? 以上demo是wangEditor的最基本應用。引用css和js文件，為textarea執行一個wangEditor()方法，即可生成富文本框。

? 效果展示：

更多配置請參見：文檔說明

或http://www.wangeditor.com/doc.html及http://www.wangeditor.com/

轉載于:https://www.cnblogs.com/mys1992/p/4540784.html

總結

以上是生活随笔為你收集整理的如何配置一个最基本的web富文本编辑器？--之wangEditor（验证成功）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【重磅干货整理】机器学习(Machine
下一篇：银行家舍入VS四舍五入（下）：.NET发