• ckeditorカスタムプラグインの使用方法説明

    ckeditorは強力なリッチテキストエディタであり、日々の開発に必要な機能のほとんどを提供してくれますが、特殊な状況により、ckeditorのプラグインを変更する必要があるかもしれません。 プロジェクトの必要性から、ckeditorの画像アップロード機能を書き換える必要があります。 1. ckeditor/plugins/ディレクトリにカスタムプラグインを格納するための新しいe

    2022-01-20 23:38:56
  • よく使われるHTMLリッチテキストコンパイラーの紹介 UEdit, CKEditor, TinyMCE, HTMLArea, eWebEditor, KindEditor

    1、UEditor(エディタ UEditorは、BaiduのWebフロントエンドR&D部門が開発したWYSIWYGリッチテキストエディタで、軽量、カスタマイズ可能、ユーザー体験やその他の機能、BSDプロトコルに基づいてオープンソース、コードのフリー使用と変更を許可しています...。 主な特徴 軽量化を実現。 無駄のないコードで、読み込みが速い。

    2022-01-20 19:30:27
  • UEditorのデフォルトフォントとフォントサイズを変更する方法

    UEditorのルートディレクトリにあるueditor.all.jsファイルを直接開き、"Set default font and font size"を探し、デフォルトフォントとフォントサイズを以下のように変更してください。 ..... //set default font and font size //font-family cannot be changed casually,

    2022-01-20 19:28:55
  • UEditorエディターの使用を前提とした開発 細かい配慮がなされている

    先日、完成したばかりのプロジェクトでUEditorエディタを使用したのですが、その際に発生した問題点と注意すべき点をまとめておきます。 1. UEditor プラグインを使用するには、最初にそのパスを設定する必要があります。 ueditor.config.jsファイルの中で、Ueditorフォルダからの相対的な位置を設定します。 2. UEditorの画像ア

    2022-01-20 19:01:48
  • UeditorとCKeditorの使用方法と設定方法

    Ueditor Baiduエディタ 1. 公式ドキュメント、デモ、ダウンロードアドレス。 http://ueditor.baidu.com/website/index.html 2. Baiduエディタ良いですね。エディタは、BaiduのWebフロントエンドR&D部門によって開発されたWYSIWYGリッチテキストエディタ、軽量で、カスタマイズ可能な、ユーザー体験やその他の特性に焦点を当てます

    2022-01-20 15:26:15
  • Prismコードハイライトの変更にCodeタグのサポートは含まれません。

    WordPressにBaiduのUEditorエディターを追加した後、コードプラグインを使用すると、図のようにコードの外層にpreタグが追加されるだけとなります。 しかし、実際のPrismのハイライト表示では、次のような形式のサポートが必要です。 <pre class="language-numbers language-csharp"> <code&g

    2022-01-20 12:05:52
  • BaiduのエディタUeditorは、フォントの変更方法を増やすには

    Ueditor本体には11種類のフォントが付属しています。 この11種類のフォントを使う過程で、我々のニーズを満たさないことが多いので、今度は"仿宋"と"仿宋GB2312"を追加したいのです。 手順は以下の通りです。 /{br 1. ueditor/lang/zh-cn/zh-cn.js ファイルを探し、fontfamily ノードを見つけ、 "仿宋"と "仿宋GB2

    2022-01-20 08:35:21
  • 右スクロールバーを削除するSyntaxHighlighterメソッド

    Chromeではコード領域に常にスクロールバーがありますが、firefoxにはこれがありません。ウェブ上には多くの解決策があり、.syntaxhighlighterのエリアを変更したり、.syntaxhighlighterのエリアに padding:1px; で完了です。 .syntaxhighlighter { width: 100% !important; margin: 1e

    2022-01-19 20:13:01
  • UEditorリッチテキストエディタでjsが画像のアドレスを取得する。

    書く前に、ネットで色々な方法を見つけたのですが、一番シンプルなアイデアは、1.UEditorでコンテンツを取得、2.取得した文字列をjqueryオブジェクトに変換、3.セレクタでimg要素を探し、src値を取得することだと思います。 var content= UE.getEditor('details').getContent();//Get the editor content var

    2022-01-19 18:08:59
  • UEditor エディタのクロスドメインアップロードソリューション

    解決策 1. ueditordialogs⇄internal.js に document.domain = 'root domain' を追加する。 2. 現在のページで、ルートドメインも指定する。 コピーコード コードは以下の通りです。 <script type="text/javascript">    

    2022-01-18 20:38:11
  • BrowserSyncで自動リフレッシュ開始

    2つのモニターを開いて、1つはIDEでコードを書き、もう1つはブラウザで開発中のアプリケーションを表示しているシナリオを想像してください。また、机の上には携帯電話があり、こちらにも開発中のアプリケーションが入っています。そして、小さな新しいコードを書き、ctrl+sキーを押して保存します。その直後、あなたの携帯電話と、もう一方のモニターにあるアプリケーションが、更新されたエフェクトになります。マ

    2022-01-18 19:05:33
  • アメニティにおすすめの優秀なフロントエンド開発エディター数名

    1、VSCode マイクロソフトの工場出荷時の高付加価値エディタ VSCode公式サイト 1. 大きなファイルをほぼ数秒で読み込み、非常に高速に動作する 2. 多くの主要言語に対応したクロスプラットフォーム・テキストエディタ 3. プラグインの管理が非常に簡単で、自分に合ったフロントエンドのプラグインをすぐに見つけることができる 4. 完全に無料(強くお勧め

    2022-01-18 16:19:01
  • jsはリッチテキスト(正規表現)で最初の画像を取得します。

     jsはリッチテキストで最初の画像を取得する url正規表現と文字列内のhtmlタグを削除 バックエンドは、0、1、2、3...の画像タグ (img) を含むリッチテキスト文字列を送信します。このタスクは、文字列内の最初の画像のURLを取得し、画像がない場合はnullを返すことです。 var imgUrlFun = function(str){ var data = ''

    2022-01-18 05:37:32
  • FckeditorエディタによるPHP環境での画像アップロード設定 詳細チュートリアル

    Fckeditorの画像アップロード機能を有効にする   ディレクトリのセキュリティ問題を考慮すると、デフォルトのFckeditor 2.6.6のアップロード機能は有効になっていないので、最初のステップでは、Fckeditorアップロード機能を有効にする必要があります。ここで注意する必要があるのは、PHP版のFckeditorアップロード機能は、chomod機能を使用して新しいディレク

    2022-01-17 20:39:28
  • SyntaxHighlighterに新しい言語を追加するための方法

    というのも、私のブログではLuaのコードを掲載することが多いのですが、私が使っているSyntaxHighlighterプラグインはデフォルトではLuaに対応していないので、SyntaxHighlighterに新しい言語を追加して有効にする方法を調べたので、同じニーズを持つ他の子たちとここでそのプロセスを共有しようと思います。(Luaを追加したので、以下の手順の説明は例としてLuaで行います。必要な

    2022-01-17 17:43:17
  • php UEditor Baiduエディタインストールと使用方法の共有

    I. 公式サイトからソースコード一式をダウンロードし、任意のディレクトリに解凍し、解凍したソースコードのディレクトリ構成は以下の通りです。 _examples。製品版エディタのサンプルページ デモ: エディタの様々な使用例 ダイアログ:ポップアップダイアログに対応したリソースとJSファイル テーマ:スタイル画像とスタイルファイル サーバーを使用します。PHP、JSP、そ

    2022-01-17 12:51:45
  • CKEditorをアンエスカレーションする2つの方法

    そういえば、プログラマーのブログはいつもSyntaxHighlighterとか使って、preタグの中にコードを大量に貼り付けていますね。だから、WordPressのCKEditorのインストールは、常にそれがエスケープされますビジュアルに、HTMLタグ内のいくつかのコードを記述するために迷惑な発見しています。例えば、>と<は、><エビエビとなりました。つまり、少しGoog

    2022-01-17 10:13:30
  • BaiduのUEditorは、統計ワードカウントの右下隅を変更するには、HTMLスタイルが含まれています

    BaiduのUEditorは、統計ワードカウントデフォルトの右下隅を変更するには、実際の保存の表示を容易にするために、フォアグラウンドで見たテキストの数は、HTMLタグを含めるために保存されているので、統計ワードカウント関数の右下隅が変更する必要があります。 /** * Calculate the length of the editor's current content * @name

    2022-01-17 07:14:08
  • FCKeditor + SyntaxHighlighterでコードハイライトプラグインを作る

    FCKeditorは現在最も人気のあるオープンソースエディタで、SyntaxHighlighterはコードハイライトプラグインのJS実装では、効果を得るためにあなたのプログラムの変更を最小限に抑えることができ、最終的な効果のスクリーンショットです。 最終的な結果です。 デモのページです。 FCKeditor + SyntaxHighlighterのプラグインパッケージは、以下からダウンロードで

    2022-01-17 05:33:39
  • オンラインエディタeWebEditorをIE8,IE9に対応させる方法

    最近、ホームページを作っている時、オンラインテキストエディタeWebEditorがIE9に対応していなくて、エディタ内のボタンをクリックしても反応がありません。以前、このサイトで"IE8がオンラインテキストエディタeWebEditorに対応していない解決方法"を投稿しましたが、IE9ではその方法が失敗するようで、インターネットで最終解決方法を探して持ってきて、皆さんに共有することにしました。

    2022-01-17 04:58:12