久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

thinkphp3.2嵌入百度編輯器ueditor的實例代碼

本篇文章主要介紹了thinkphp3.2嵌入百度編輯器ueditor的實例代碼,具有一定的參考價值,有興趣的可以了解一下

本文介紹了thinkphp3.2嵌入百度編輯器ueditor,分享給大家,希望此文章對各位有所幫助

因為排版要求,很多時候我們需要嵌入富文本編輯器,輸出帶html標簽的文本內容。因為我最近做一個后臺管理系統,要求編輯好文本內容,讓它輸出帶html標簽的文本存到服務器,客戶端發請求拿到服務器的帶標簽文本。我用的是ueditor,

1.首先我們去到這里http://www.jb51.net/codes/56667.html下載PHP版本utf版本。

把它放到Public的目錄下。

thinkphp3.2嵌入百度編輯器ueditor的實例代碼

2.我們在視圖view上,要用到富文本編輯器的時候,一般都是在表單加入textarea,

<form>  
<div><textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea> </div>
</form>

3.在html最后加上script配置文本框初始值,其中PUBLIC是我在config配置的路徑

<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>
<!--建議手動加在語言,避免在ie下有時因為加載語言失敗導致編輯器加載失敗-->
<!--這里加載的語言文件會覆蓋你在配置項目里添加的語言類型,比如你在配置項目里配置的是英文,這里加載的中文,那最后就是中文-->
<script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
  UE.getEditor('intro_detail',{  //intro_detail為要編輯的textarea的id
    initialFrameWidth: 418,  //初始化寬度
    initialFrameHeight: 500,  //初始化高度
  });

</script>

4.通常我們在表單里面加個按鈕的時候會默認把表單里面的數據全部提交上去,但是我的項目里面還涉及到圖片上傳問題,我在這里采用的是ajax異步提交,那么問題來了,我們能否通過jq中的("#intro_detail").val()的值拿到要提交的值呢,答案是不能的,我的處理方法是,在textarea下面加一個隱藏的input,我門用ueditor提供的方法拿到里面的值賦給input,讓它隨著表單一起提交過去,在控制器便可以通過_POST(‘表單的name'),如下:

 <div >  
<textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea>
</div>
 <input type="text" style="display: none" id="intro_detail1" name="intro_detail1" >

ajax提交,

復制代碼 代碼如下:
$("#intro_detail1").val("'"+UE.getEditor('intro_detail').getContent()+"'");

把文本框輸入的帶標簽的用單引號拼起來,存到input里面一并發過去,至于為啥用單引號,不然的話發不過去,會自動過濾掉標簽,我們在拿數據出來的時候把單引號處理掉就可以。

$.ajax({
          type: "POST",
          url: "<{:U('Admin/GameManager/Game/modGame')}>",
          dataType: 'json',
          processData: false,
          contentType: false,
          cache: false,
          data: formData,
          success:function(r){
            if(r.success){
              alert('編輯成功');
              window.location.reload();//重新刷新一次
              $('#user_dialog').modal('hide');
            }
            else{
              alert("參數錯誤");
            }
          }
        });

5.控制器里面,可以用$_POST(‘表單的name')拿到數據,寫進數據庫

$db = M('game');
    $data  = $db->create(I('post.'));
    $data['intro_detail'] = $_POST['intro_detail1'];
    $db->add($data);

6.我們在取數據到視圖的時候,把單引號處理掉就可以

foreach($result as $key =>$value){    
      $result[$key]['intro_detail']=str_replace("'","",$result[$key]['intro_detail']);//過濾單引號
    }
    $this->assign('game_list', $result);
    $this->display('');

$result是我用sql語句查到的數據庫內容,而intro_detail就是存入數據庫帶標簽和單引號的文本內容

$user = M('game');
    $result = $user->field();

7.其實并不難,我也是為大家提供下思路,可以多多討論,我也是小白。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

下面小編就為大家分享一篇ThinkPHP整合datatables實現服務端分頁的示例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
下面小編就為大家分享一篇thinkphp3.2.0 setInc方法 源碼全面解析,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
這篇文章主要介紹了tp5(thinkPHP5)操作mongoDB數據庫的方法,結合實例形式簡單分析了mongoDB數據庫及thinkPHP5連接、查詢MongoDB數據庫的基本操作技巧,需要的朋友可以參考下
thinkphp官網在去年的時候發布了tp的顛覆版本thinkphp5,tp5確實比之前的版本好用了很多,那么下面這篇文章就來給大家介紹關于在云虛擬主機部署thinkphp5項目的相關資料,需要的朋友可以
這篇文章主要介紹了Thinkphp5行為使用方法匯總,需要的朋友可以參考下
這篇文章主要介紹了thinkphp5 加載靜態資源路徑與常量的方法的相關資料,需要的朋友可以參考下
主站蜘蛛池模板: 亚洲欧美日韩一区二区 | 欧美日韩亚洲一区二区 | 亚洲一区二区三区免费观看 | 国产免费观看视频 | 中文字幕一区二区三区不卡 | 日韩中文字幕一区 | 亚洲国产精品久久久久秋霞不卡 | 日本网站在线看 | 日韩一区在线播放 | 一区精品国产欧美在线 | 日韩精品中文字幕一区二区三区 | 久久日韩粉嫩一区二区三区 | 二区精品| 免费亚洲视频 | 黄色大片网 | 中文字幕在线观看一区 | 99精品视频免费观看 | 亚洲精品九九 | 国产十日韩十欧美 | 在线欧美a| 欧美精品成人一区二区三区四区 | 日日操天天射 | 奇米四色在线观看 | 伦理片97 | 综合久久综合久久 | 亚洲视频在线观看一区二区三区 | 国产美女在线观看 | 午夜影晥 | 巨大黑人极品videos精品 | 国产日产精品一区二区三区四区 | 91香蕉视频在线观看 | 日韩视频观看 | 999久久久免费精品国产 | 伊人久久成人 | 欧美一级一| 日韩亚洲一区二区 | 国产成人一区二区三区 | 波多野结衣一区二区三区在线观看 | 全免费a级毛片免费看视频免费下 | 国产精品久久久久永久免费观看 | 一级片免费视频 |