如何配置一个最基本的web富文本编辑器?--之wangEditor(验证成功)

 


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

<link rel="stylesheet" type="text/css" href="css/wangEditor-1.3.0.min.css">

 

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

<script type="text/javascript" src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript" src='js/wangEditor-1.3.0.min.js'></script>

 

第三步,配置富文本框。

<script type="text/javascript">$(function(){$('#textarea1').wangEditor();});
</script>

一个完整的配置实例:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><!-- 5.29:wangEditor富文本编辑器:测试成功! --><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> <!--  5.16加个id属性 -->内容:<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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/431752.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

地表反射率影响因素_【热岛强度可影响城市夏季降水落区】

本期嘉宾&#xff1a;北京城市气象研究院研究员 苗世光 副研究员 张亦洲采访人&#xff1a;中国气象报记者 宛霞 通讯员 楚艳丽本期观点&#xff1a;城市化对天气的影响越来越显著 &#xff0c;城市热岛强度可作为区分城市下垫面对夏季降水影响类型的重要因素。一直以来&#x…

linux 查看机器ram,Linux查看CPU信息、机器型号等硬件信息

测试机器的硬件信息&#xff1a;查看CPU信息(型号)# cat /proc/cpuinfo | grep name | cut -f2 -d: | uniq -c8 Intel(R) Xeon(R) CPU E5410 2.33GHz(看到有8个逻辑CPU, 也知道了CPU型号)# cat /proc/cpuinfo | grep physical | uniq -c4 physical id : 04…

gitlab 将管理员权限移交给ldap账户_CDPDC中Atlas集成FreeIPA的LDAP认证

文档编写目的Cloudera从CM6.3版本开始&#xff0c;引入了Red Hat IdM来做整个集群的认证&#xff0c;Red Hat IdM对应的软件为FreeIPA&#xff0c;在本文中描述如何使用FreeIPA来做CDP-DC集群的认证。关于FreeIPA服务器搭建参考<使用FreeIPA对Linux用户权限统一管理>。之…

emwin edit控制的输入长度小数点怎么处理_变频器学习,变频器主电路与控制回路学习...

一、变频器主电路的接线流程1、当我们拿到变频器&#xff0c;挤压变频器两侧凹槽&#xff0c;打开上盖&#xff0c;取下挡线板&#xff0c;变频器的R, S, T端子接电源线&#xff0c;U, V, W端子接电机线&#xff0c;地线符号处接地线。2、我们将电源线的黄、绿、红按照顺序接到…

linux 安全审计功能,数据库安全审计在数据安全中的功能

导读在数据安全治理过程中&#xff0c;首先通过数据资产梳理确定敏感数据的存储位置和使用情况&#xff0c;从而制定有效的数据安全管理制度和规范一. 数据安全治理稽核在数据安全治理过程中&#xff0c;首先通过数据资产梳理确定敏感数据的存储位置和使用情况&#xff0c;从而…

python识别图片上的文字_Python如何识别图片中的文字 【转】

Python如何识别图片中的文字&#xff0c;这里给个案例并附上详细步骤&#xff1a;模块包的安装&#xff1a; 1、安装PIL&#xff1a;pip install Pillow 2、安装pytesser3&#xff1a;pip install pytesser3 3、安装pytesseract&#xff1a;pip install pytesseract 4、安装aut…

[LeetCode-JAVA] Remove Linked List Elements

题目&#xff1a; Remove all elements from a linked list of integers that have value val. ExampleGiven: 1 --> 2 --> 6 --> 3 --> 4 --> 5 --> 6, val 6Return: 1 --> 2 --> 3 --> 4 --> 5 思路&#xff1a;设置前置指针&#xff0c;并随…

win10电脑桌面透明便签_在win10电脑桌面上使用工作跟进提醒办公软件可用哪个便签软件?...

每天在开展工作之前&#xff0c;您会列一个详细的计划清单吗&#xff1f;很多人为了避免工作中出现躁动不安的情绪&#xff0c;会提前制定工作跟进计划表&#xff0c;将每日的每项工作一条条记录好&#xff0c;按照计划有目的地来完成。由于在日常工作中&#xff0c;电脑是办公…

c语言 strcpy作用,c语言中strcpy的用法

c语言中strcpy的用法的用法你知道吗&#xff1f;下面小编就跟你们详细介绍下c语言中strcpy的用法的用法&#xff0c;希望对你们有用。c语言中strcpy的用法的用法如下&#xff1a;strcpy原型声明&#xff1a;extern char *strcpy(char* dest, const char *src);头文件&#xff1…

python array函数_Python 中的range()函数与array()函数

我们在Python中存在一个非常好用的range()与array()函数&#xff0c;下面作用法简要介绍。 一、range()函数 >>> range(1,10)   ——>不包括10 [1, 2, 3, 4, 5, 6, 7, 8, 9]>>>range(1,10,2)  ——>1到10&#xff0c;间隔为2(不包括10) [1, 3, 5, …

ajax封装调用

封装的ajax&#xff1a; function ajaxJson(url,data,callfun){$.ajax({type:"POST",url:url,data:data,dataType:json,success:callfun,error:function(){$(.modal-body).html(参数丢失&#xff0c;请重新操作一次);$(#myModal).modal(show);},});}使用实例&#xf…

c++源码矢量图形编辑器_下一代代码编辑器的设想

在通过各种编辑工具使用各类编程语言进行开发的过程中&#xff0c;我们会被大量噪音分心。举个例子我们为了美观性&#xff0c;为了代码格式和对齐&#xff0c;我们会大量的插入/删除Space、Tab和Enter。对于一些同层级的操作&#xff0c;我们可能会手工对齐它。举一个极端的例…

c语言inline不起作用,C语言inline内联函数学习小结

//inline(内联)函数&#xff1a;将普通的函数定义为inline函数&#xff0c;可以避免普通函数入栈出栈的开销&#xff0c;它是将函数内的代码直接粘贴到调用处。除此之外&#xff0c;它和普通函数无异。//要成为inline函数必须具备以下几点&#xff1a;//1、函数代码很短&#x…

python数据挖掘主要特点_python数据挖掘(从数据集中抽取特征)

大多数数据挖掘算法都依赖于数值或类别型特征&#xff0c;从数据集中抽取数值和类别型特征&#xff0c;并选出最佳特征。 特征可用于建模&#xff0c; 模型以机器挖掘算法能够理解的近似的方式来表示现实 特征选择的另一个优点在于&#xff1a;降低真实世界的复杂度&#xff0c…

php_mysql注入load_file()IIS配置文件获取

php_mysql注入load_file()IIS配置文件获取先看一个注入点&#xff1a; http://www. .cn/news_detail.php?newsid-1unionselect1,2,3,4,5,6,concat(database(),0x5c,user(),0x5c,version()),8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27得到回显&#xff1a;fli…

layui 鼠标移入变为小手_游戏技术上不去?看看外设选对没!鼠标篇

古有“人靠衣服&#xff0c;马靠鞍&#xff0c;先看长相&#xff0c;再看穿”的说法&#xff0c;现在在游戏里也有“外设选的好&#xff0c;游戏输不了&#xff01;”这种言论。虽然这种说法过于绝对&#xff0c;但是一款好的外设&#xff0c;确实可以增加我们胜利的概率。今天…

python分支语句_Python中分支语句与循环语句实例详解

前言 本篇博文介绍一下Python中的if条件语句、while循环语句、for in循环语句以及break和continue控制关键字。 分支的基本语法 if 条件表达式&#xff1a; 语句1 语句2 语句3 ...... 条件表达式就是计算结果必须为布尔值的表达式 表达式后面的冒号不能少 注意if后面的出现的语…

用c语言编程减法计算,求用C编个大数加减法运算程序

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼只写过加法的&#xff0c;杭电的A B Problem (II)(AC)&#xff1a;#include #include #include #define N 3000int main(void){int n, i, j, k, p, q, a, b, t, up;char s[N];scanf("%d ", &n);for (i 0; i < n…

creator图片循环显示_江淮宣传车厂家价格 图片 配置

国六 江淮宣传车配置&#xff1a;整车型号:CLW5040XXCH6整车尺寸:5995*2190*2970【底盘配置】轴距:3365发动机:全柴120马力排量:2.0L轮胎:7.00R16其它:助力&#xff0c;空调&#xff0c;电动门窗&#xff0c;中控锁&#xff0c;ABS&#xff0c;气刹江淮康铃H5宣传车图片江淮宣传…

BZOJ 3479: [Usaco2014 Mar]Watering the Fields( MST )

MST...一开始没注意-1结果就WA了... ----------------------------------------------------------------------------#include<cstdio>#include<cstring>#include<vector>#include<cmath>#include<algorithm>#include<iostream>#define r…