著者: Bailang 出典: www.manks.top/article/yii2_umeditor
この記事の著作権は著者に帰属しており、転載は自由ですが、この記述は著者の承諾なしに保持し、記事ページのわかりやすい位置に原文へのリンクを表示する必要があります。そうでない場合、当社は法的責任を追及する権利を留保します。
実際の仕事では、運営スタッフが公開する必要があるニュースや記事などの開発作業に遭遇することは避けられませんが、トラブルを避けるために、3を5で割って2で割る友人もいます。はい、通話中です。運営の女の子が試してみたら、おっと、記事の内容に大textarea
就算完事啦,发布一篇新闻你想整死老娘不成。我们接下来就来聊聊Yii2
框架是如何整合百度编辑器umeditor
をもらいました。
umeditor
是啥,我只听过ueditor
,你这umeditor
是不是盗版的东东喃?umeditor
呢,说白了就是mini版的ueditor
、Baidu の公式声明によると、エディターでは実際には「短く、柔らかく、小さい」ですが、完全な機能を備えています。えー、本題に戻りましょう。
まず、公式Webサイトにアクセスして、ueditorのミニバージョンをダウンロードしましょうumeditor
,注意哦,是um editor
。
ダウンロードして解凍し、プロジェクトのルート ディレクトリに配置します /css
目录下 命名为umeditor
。後で参照できる限り、特定の場所は自由に指定できます。
2 番目のステップでは、まず backendassetsAppset
类,哎呀我擦,为啥要扩展这么个玩意,跟咱们的umeditor
整合啥关系勒,半路杀出个程咬金出来。这里扩展下这个类文件的意图是为了接下来在文件中方便引入css
js
ファイルを展開します。
とても簡単です。次の2つのメソッドをAppset
メソッドに追加するだけです
次に、以下の設定に従います。
まず説明させてください。ここでは、Baidu Editor に表示する必要がある記事 article
表,有一个内容content
フィールドがあると仮定します。
フィールドをフォローしてくださいyii2
的表单模型来看,我们修改article_form.php
文件中的content
リーリー
クラスと関連する css<code> を紹介します <code>Appset
类并引入相关的css<code> <code>js
文件如下 ファイルは次のとおりです
次に、現在のページの下部にあるjs
コードを登録するだけでそれを実現できます
概要article-content
怎么来滴喃,这个就是我们要绑定的目标对象,即content<code>。<code>article-content
是当前该对象的id
标识。
OK、Baidu エディターは基本的に統合されました。急いで記事を追加して、エディターにコンテンツがあるかどうかを確認してください
。