WangEditor5エディタ（ZBLOG版）

無料です。

finchui売人: hnyanshan@outlook.com 914466480 15639981097

カテゴリー別分類: プラグイン

更新日の更新: 2025-05-29 22:57:01

累積訪問数: 1873

評価の状況: 誰も分けない。

Labelsラベル: wangEditor5 Z-blogPHP 無料プラグイン。

サービスの約束: 無料アップグレード無料体験。無制限のドメイン名永久使用。

アプリケーションの取得メッセージのアドバイス

wangEditor5エディタ、フリーでオープンソース（MITオープンソースプロトコルに基づく）、元の著者双越先生、著者の公式サイト：https//www.wangeditor.com/では、二次開発をサポートしています。安心してご利用いただけます。

また、元の作者はwangEditor5エディタを常に更新しているので、元の作者のアップデートに合わせてプラグインをアップグレードすることもできます。

wangEditor5の完全な開発ドキュメントのおかげで、Z-blog PHP用のプラグインにすることができました。

以前は似たようなものを探していました。マイクロパブリック番号シンプルで使いやすいモダンなリッチテキストエディタが登場しました。

注意：他のエディタプラグインと同時に使用することはできません。他のエディタプラグインを事前に閉じてください（例えば、Z-blog PHPに付属するUEditorエディタ）。

wangEditor5エディタはデフォルトで携帯電話での使用をサポートしていません。実際には、エディタプラグインに関係なく、携帯電話でのユーザーエクスペリエンスは非常に悪いので、wangEditor5エディタ公式は単にこの機能をカットしました。

もちろん、この機能も解除することができますが、ユーザーエクスペリエンスを向上させるために、携帯電話に表示されるツールバーをカスタマイズする必要があります。いいえ、必要なユーザーは私たちを見つけることができます!

以下はWangEditorの公式サイトです。

#利点は

#その他のリッチテキストエディタの問題点

ウェブ検索“Webリッチテキストエディタ”あなたは、国内のUEditor kindEditor、海外のCKEditor TinyMCE Quill ProseMirror Draft Slateなど、多くの結果を得ることができます。これらのエディタを使用したり、二次開発を行ったりする人も多い。

しかし、開発効率、開発コスト、製品の安定性に大きな影響を与える可能性のあるいくつかの問題があります（黒板をクリックする~）。

テクノロジーは古い

UEditor KindEditorと同様に、document.execCommand APIを使用します。これは、製品の安定性とスケーラビリティに大きく影響します。

何も達成することができないとき、どこに問題があり、PMによって軽蔑されます：“どのように人々 xxx？”

中国語は友好的ではない

CKEditor TinyMCE Quill ProseMirrorなど、公式の中国語ドキュメントはありません。これはあなたの開発効率に大きく影響します（今夜は残業します）。

P. S.英語は省略してください。

多くの開発が必要

ProseMirror Draft Slateのようなリッチテキストエディタもありますが、コアまたはコントローラであり、完全な機能ではありません。

二次開発の数が多いだけでなく、研究開発コストの大幅な増加（今月閉鎖~）につながるだけでなく、不完全なテストのために無限のバグがあり、泥沼に陥る可能性があります。

PS：強力な開発ニーズがない限り。

#フレームワークの制約

SlateやDraftのようなものはReactフレームワークに依存しています。Vueを使いたい場合は、作業量と難易度が非常に高くなります。

React Vueなどの公式コンポーネントなし

ProseMirrorのようなフレームワークに依存しないものは、Vue Reactを使用する場合は独自のコンポーネントをカプセル化する必要があります。

新製品は安定しない

上記のエディタは、比較的成熟した製品であり、ユーザー数が多い。新しく開発された製品やユーザーが少ない製品を探すこともできます。
いずれにせよ、リッチテキストエディタにはピットが多すぎ、多くのテストと使用がゆっくりと安定する必要があるため、慎重に選択してください。

安定した製品を選択してください。

github stars

npmダウンロード

npmの時間と頻度

検索エンジンの関連結果数

工場はありますか？

単体テスト/e 2eテストはありますか？

#WangEditorの利点

製品の価値は、ユーザーの問題を解決し、効率を高め、コストを削減し、安定性とスケーラビリティを高めることにあります。

wangEditorは行うために行うのではなく、単に誰かを模倣するのではなく、上記の問題を分析した後、システムの解決策を与えます。ユーザーの問題を解決し、独自の価値を生み出すことを目指しています。

主流技術の利用

WangEditorはV 5バージョンから大きな技術アップデートを受けています。

#1. L 1能力にアップグレード

document.execCommand APIを廃止し、slate.jsopen in new window（Reactに依存しない）をカーネルとして使用し、L 1機能にアップグレードしました。

これは、有名なQuill ProseMirror Draftなど、現在主流のリッチテキストエディタの技術ソリューションでもあります。

#2. vdomの使用

vdomテクノロジー（新しいウィンドウのsnabbdom.jsopenに基づく）を使用してビューを更新し、モデルとビューを分離し、安定性を高めます。

#3.拡張性は

拡張プラグインやモジュールのメカニズムを使用し、拡張性を保証します。今後も機能を拡張します。

実際、wangEditorに組み込まれている様々な機能も拡張プラグインやモジュールの形で構築されています。

#中国語ファイル

wangEditorには詳細な中国語ドキュメントと中国語コミュニケーション環境があります。Open in new windowの著者は国内のプログラマーです。

#タイムリーなフィードバックとコミュニケーション

GitHubに問題を提出することもでき、チームはすぐにフィードバックまたは受け入れます。

#二次開発なしですべての機能を統合

wangEditorには、ほとんどのニーズを満たすために、一般的なリッチテキスト操作機能がすべて組み込まれています。再開発する必要はなく、直接設定できます。

// wangEditorには50+メニュー editor.getAllMenuKeys [
"bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
"color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
"viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
"indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
"bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
"deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]

PS：同時に、wangEditorには豊富なAPIと十分な拡張性があり、開発メニュー、モジュール、プラグインなどをカスタマイズできます。