导入百度编辑器的问题

jsp 中导入百度编辑器没有达到需要的效果,只有一个小小的编辑框,没有可视化按钮,没有提交按钮,就那样放在左上角,下面就是显示的结果,,怎么破????

图片说明

已解决,是因为jsp文件夹下面的一个config.json里边的中文没有去掉,去掉之后可以正常使用

跟你个我以前的写的案例,你修改一下吧
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>








<br> body{background:#fff;background-size:cover; }<br> .re_box{width:400px;margin:0px auto;border:0px solid blue;}<br> .re_box h1{font-size: 30px;text-align: center;text-shadow: 2px 0px 5px rgba(0,0,0,1);color:lightblue;}<br> .re_box p{width:398px;line-height: 40px; height: 40px;background: #2c2c29;border-radius:6px;border: 1px solid #222220;}<br> .re_box span{display: block;width:80px;height: 40px;float: left;background: #373733;color: #fff;}<br> .re_box .input_box{float: left;width: 260px;height: 29px;background: #2c2c29;color: #fff;border: 0px;}<br> .input_btn{width: 400px;height: 40px;margin-top: 30px;background: #3c9;font-size: 18px;color: #fff;cursor: pointer;}<br> textarea{border-radius:6px;background: #2c2c29;border: 1px solid #222220; color: #fff;}<br> .suggest_link_over {background-color: #E8F2FE;padding: 2px 6px 2px 6px;}<br> #suggest {width: 318px;margin-top: 1px;position: absolute;top: 121px;left: 452px;text-align: left;border: 1px solid #8AA7E6;border-top: 0px solid white;<br> display: none;background: white;z-index: 100;<br> }<br>


邮件发送系统

收件人:

        <p><span>标题:</span><input class="input_box" id="topic" name="utopic"/></p>
        <script id="editor" type="text/plain" name="ucontent" style="width:600px;height:100px;"></script>
        <input class="input_btn" type="button" onclick="getContentTxt()"  value="发送邮件"/>
    </form>

$.ajaxSettings.traditional=true; //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例 var ue = UE.getEditor('editor'); function getContentTxt() { var arr = []; arr.push(UE.getEditor('editor').getContentTxt()); var uto=document.getElementById("sp").value; var topic=document.getElementById("topic").value; $.ajax({ type: "post", url: "email_Send.action", data: {"arr":arr,"uto":uto,"topic":topic}, dataType:"json", success: function(obj){ alert(obj.msg); } //操作成功后的操作!msg是后台传过来的值 }) }

<br> var xhr;<br> //创建XHR对象的函数<br> function createXHR() {<br> try {<br> return new XMLHttpRequest();<br> } catch (e) {<br> return new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);<br> }<br> }<br> function searchSuggest() {<br> xhr = createXHR();<br> //得到文本框中输入的内容<br> var keyword = document.getElementById(&quot;sp&quot;).value;<br> //设置回调函数<br> xhr.onreadystatechange = resCallback;<br> //设置请求方式和url,因为是get方式,请求数据直接在url的后面<br> xhr.open(&quot;post&quot;, &quot;adver_suggest.action&quot;, true);</p> <pre><code> //设置请求方式post参数不能在url的后面 //xhr.open(&quot;POST&quot;,&quot;SuggestServlet&quot;,true); //POST方式一定要这样设置请求头信息 xhr.setRequestHeader(&quot;Content-type&quot;, &quot;application/x-www-form-urlencoded&quot;); //发送请求时,把参数值传递过去 xhr.send(&quot;keyword=&quot; + keyword); } //状态变化的回调函数 function resCallback() { //判断请求完成并且成功返回 if (xhr.readyState == 4) { if (xhr.status == 200) { var sobj = document.getElementById(&quot;suggest&quot;); sobj.innerHTML = &quot;&quot;; var str = xhr.responseText.split(&quot;,&quot;); var suggest = &quot;&quot;; if (str.length &gt; 0 &amp;&amp; str[0].length &gt; 0) { for (i = 0; i &lt; str.length; i++) { suggest += &quot;&lt;div onmouseover=&#39;suggestOver(this);&#39;&quot;; suggest += &quot;onmouseout=&#39;suggestOut(this);&#39;&quot;; suggest += &quot; onclick=&#39;setSearch(this.innerHTML);&#39;&quot;; suggest += &quot;class=&#39;suggest_link&#39;&gt;&quot; + str[i] + &quot;&lt;/div&gt;&quot;; } sobj.innerHTML = suggest; document.getElementById(&quot;suggest&quot;).style.display = &quot;block&quot;; } else { document.getElementById(&quot;suggest&quot;).style.display = &quot;none&quot;; } } } } //选中内容进行着色函数 function suggestOver(obj) { obj.className = &quot;suggest_link_over&quot;; } //去除着色 function suggestOut(obj) { obj.className = &quot;suggest_link&quot;; } //把内容填充到搜索框中 function setSearch(obj) { document.getElementById(&quot;sp&quot;).value = obj; document.getElementById(&quot;suggest&quot;).style.display = &quot;none&quot;; } &lt;/script&gt; </code></pre> <p></body><br> </html></p>