【笔记】Ueditor1_4_3_3-utf8-jsp使用步骤

1.下载地址:【jsp版本】ueditor1_4_3_3-utf8-jsp.zip

2.导入到web项目中WebRoot根目录下,会报错。

百度一下:ueditor复制到myeclipse报错?

不是官网上下载下来的js文件有问题,而是官网上的js文件都是经过压缩之后的,而我们的Eclipse或者MyEclipse没法识别而已

解决方法:
选中报错的js文件,然后右键——MyEclipse——Exclude from Validation,然后再Run Validation,问题解决

3.在jsp页面中
head标签内引入js文件

<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="ueditor/lang/zh-cn/zh-cn.js"></script>

4.在jsp页面中
body标签中

<textarea id="content"></textarea>

5.在jsp页面中
和之间加入

<script type="text/javascript">
    window.UEDITOR_HOME_URL = '/项目名/ueditor/';
    window.onload = function() {
        window.UEDITOR_CONFIG.initialFrameHeight = 550;
        window.UEDITOR_CONFIG.initialFrameWidth = 1110;
        UE.getEditor('content');
    };
</script>

6.为了解决控制台报错,将ueditor\jsp\lib中的五个jar包复制到WebRoot/WEB-INF/lib中

温馨提示:更多配置,请在ueditor/ueditor.config.js中开启、设置。

常见的ueditor、Kindeditor

【ueditor.config.js】
,emotionLocalization:true //是否开启表情本地化

【jsp/config.json】
“imageUrlPrefix”: “http://localhost:8080/ALUMNI/“, /* 图片访问路径前缀 */
“imagePathFormat”: “upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, /* 上传保存路径,可以自定义保存路径和文件名格式 */

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值