Wie kann ich tp3 in den Baidu-Editor ueditor einbetten?

零下一度
Freigeben: 2023-03-14 08:00:02
Original
2397 Leute haben es durchsucht

Teilen Sie mit, wie Sie den Baidu ueditor-Editor laden und konfigurieren.
Es ist eigentlich sehr einfach, aber beim Lesen von Daten müssen Sie die Funktion htmlspecialchars_decode($str); verwenden, um es zu maskieren Es wird gelesen. Es liegt ein kleines Problem mit dem Inhalt vor. Bitte sehen Sie sich die Details an.

Aufgrund von Satzanforderungen müssen wir häufig einen Rich-Text-Editor einbetten und Textinhalte mit dem HTML-Tag . Weil ich kürzlich an einem Backend-Managementsystem gearbeitet habe, das die Bearbeitung des Textinhalts erfordert, damit es Text mit HTML-Tags ausgeben und auf dem Server speichern kann. Der Client sendet eine Anfrage, um den getaggten Text vom Server abzurufen. Ich verwende ueditor,

1. Zuerst gehen wir hier www.jb51.net/codes/56667.html, um die PHP-Version utf herunterzuladen.


Legen Sie es in das öffentliche Verzeichnis.

2. Wenn wir den Rich-Text-Editor in der Ansicht verwenden, fügen wir normalerweise einen Textbereich zum Formular hinzu,


<form>  
<p><textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea> </p>
</form>
Nach dem Login kopieren
3. Fügen Sie das Skript am Ende des HTML-Codes hinzu, um den Anfangswert des Textfelds zu konfigurieren, wobei PUBLIC der Pfad ist, den ich in der Konfiguration konfiguriert habe


<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(&#39;intro_detail&#39;,{  //intro_detail为要编辑的textarea的id
    initialFrameWidth: 418,  //初始化宽度
    initialFrameHeight: 500,  //初始化高度
  });

</script>
Nach dem Login kopieren
4. Wenn wir einem Formular eine Schaltfläche hinzufügen, werden normalerweise alle Daten im Formular übermittelt. Da ich hier jedoch auch die asynchrone Übermittlung von Bildern verwende, besteht das Problem Wert, der über den Wert von („#intro_detail“) in jq übermittelt werden soll? Die Antwort lautet „Nein“. Meine Lösung besteht darin, eine versteckte Eingabe unter dem Textbereich hinzuzufügen, den ich verwende weist es der Eingabe zu, sodass es zusammen mit dem Formular übermittelt werden kann. Im Controller können Sie _POST('Name des Formulars') wie folgt übergeben:


 <p >  
<textarea name="intro_detail" id="intro_detail" cols="30" rows="10"></textarea>
</p>
 <input type="text" style="display: none" id="intro_detail1" name="intro_detail1" >
Nach dem Login kopieren
Ajax-Übermittlung,


Der Code lautet wie folgt:


$("#intro_detail1").val("&#39;"+UE.getEditor(&#39;intro_detail&#39;).getContent()+"&#39;");
Nach dem Login kopieren
Fügen Sie die beschriftete Eingabe im Textfeld in einfache Anführungszeichen ein und speichern Sie sie Senden Sie es zusammen an die Eingabe. Andernfalls wird es nicht gesendet und die Tags werden automatisch gefiltert

. Wir können die einfachen Anführungszeichen einfach verarbeiten, wenn die Daten ausgegeben werden.


5. Im Controller können Sie $_POST ('Name des Formulars') verwenden, um die Daten abzurufen und in die Datenbank zu schreiben
$.ajax({
          type: "POST",
          url: "<{:U(&#39;Admin/GameManager/Game/modGame&#39;)}>",
          dataType: &#39;json&#39;,
          processData: false,
          contentType: false,
          cache: false,
          data: formData,
          success:function(r){
            if(r.success){
              alert(&#39;编辑成功&#39;);
              window.location.reload();//重新刷新一次
              $(&#39;#user_dialog&#39;).modal(&#39;hide&#39;);
            }
            else{
              alert("参数错误");
            }
          }
        });
Nach dem Login kopieren


6. Wenn wir die Daten zur Ansicht erhalten, können wir einfach die einfachen Anführungszeichen
$db = M(&#39;game&#39;);
    $data  = $db->create(I(&#39;post.&#39;));
    $data[&#39;intro_detail&#39;] = $_POST[&#39;intro_detail1&#39;];
    $db->add($data);
Nach dem Login kopieren

<🎜 entfernen >
$ result ist der Datenbankinhalt, den ich mithilfe von SQL-Anweisungen gefunden habe, und intro_detail ist der Textinhalt mit Beschriftungen und einfachen Anführungszeichen, der in der Datenbank gespeichert ist

foreach($result as $key =>$value){    
      $result[$key][&#39;intro_detail&#39;]=str_replace("&#39;","",$result[$key][&#39;intro_detail&#39;]);//过滤单引号
    }
    $this->assign(&#39;game_list&#39;, $result);
    $this->display(&#39;&#39;);
Nach dem Login kopieren


7. Eigentlich ist es nicht schwer, ich gebe auch ein paar Ideen für alle, man kann mehr besprechen, ich bin auch ein Anfänger.

Das obige ist der detaillierte Inhalt vonWie kann ich tp3 in den Baidu-Editor ueditor einbetten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage