关于百度Ueditor的图片配置问题以及初步体验

最新推荐文章于 2024-10-09 17:41:57 发布

清墨无痕

最新推荐文章于 2024-10-09 17:41:57 发布

阅读量779

点赞数

文章标签：百度 ueditor jsp 图片

本文链接：https://blog.csdn.net/LOVELONG8808/article/details/43273481

版权

首先去官网下载资料：

主要问题是由于官网给的lib过旧，需要自己重新下载

第一步：项目结构

如果发现还不是不能上传图片的话，是由于官网给的jsp版本中的lib架包过旧，可以直接使用的我提供的版本：

第二步：找到jsp下的config.json 文件修改配置信息

第三步：写jsp页面

<span style="font-size:14px;"><%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编辑器完整版实例</title>
    <title>ueditor demo</title> 
    <!-- 配置文件 -->  
    <script type="text/javascript"  src="ueditor/ueditor.config.js"></script> 
    <!-- 编辑器源码文件 -->  
    <script type="text/javascript" src="ueditor/ueditor.all.js"></script> 
    <link rel="stylesheet" type="text/css" href="udeditor/themes/default/css" /> 
</head> 
<body>  
  <!--实例化编辑器 -->  
  <script type="text/javascript">  
  var ue = UE.getEditor('container'); 
	 function get(){
		//获取值 
		var val =  ue.getContent();
		 alert(val);
	 }
	 function put(){
		// 赋值
		ue.setContent("<p>  打算是范德萨发法师打发士大夫<img title='1422521326268095072.jpg' alt='C:UsersFORENMSDesktop\u62a5名照片.jpg' src='http://127.0.0.1:8800/FCKeditor/ueditor/jsp/upload/image/20150129/1422521326268095072.jpg'/></p>");
	 }
	 
	</script>
  <!-- 加载编辑器的容器-->  
  <textarea id="container" name="content"> 
  </textarea>
	<br/>
	<br/>
	<br/>
  	<input type="button" value="获取内容" οnclick="get()" />
  	                
    <input type="button" value="添加内容" οnclick="put()" />
	 
</BODY>
</HTML>
</span>

第四步：tomcat发布项目，测试