問題タブ [bootstrap-wysihtml5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - wysihtml5コマンドは未定義として表示されます
ブートストラップエディタをロードするとwysithml5、このコマンドまたはwysihtml5ブートストラップがサポートするコマンドが機能しません。
警告するeditor.composer.commandsと、未定義として表示されます。
これを修正するにはどうすればよいですか？jQueryにはjQuery-UIがロードされていますが、それが役立つかどうかはわかりません。
ruby-on-rails - レールで wysihtml5 が正しく動作しない
wysihtml5エディタ（ブートストラップ用）で困っています。必要な行は 3 行のみで、他の行は削除されています。エディターで10行を与えたとき。3行しかかかりません。そのため、3行だけ保存されました。
ビュー内( _form.html.erb):
モデル:
コントローラー:
実行する JS スクリプトwysihtml5:
jquery - wysihtml5 エディターの背景色、フォントなどをどのようにカスタマイズしますか?
Web サイトで bootstrap-wysihtml5 を使用しており、Web サイトのルック アンド フィールに合わせてエディターをカスタマイズする必要があります。たとえば、bootstrap-wysihtml5 エディターは背景が白でテキストが黒ですが、たとえば、背景が赤でテキストが白に変更する必要があります。また、別のフォントを使用したいと思います。
Fiddler を使用して<iframe>、bootstrap-wysihtml5 によって作成された を調べると、 の<body>要素に<iframe>次のstyle定義があることがわかります。
ここfont-familyで使用される設定は私のbootstrap.cssファイルで定義されているため、 のstyle定義<iframe>はそこから来ていると思いますが、これらを別のものにカスタマイズする方法がわかりません。
<iframe> <body>bootstrap-wysihtml5 イベントで jQuery を介してスタイルを変更しようとしましたloadが、それは機能しますが、エディターをクリックするとすぐにカスタム スタイルがデフォルトのスタイルで上書きされます。
このエディターで独自のカスタム スタイルを実装するにはどうすればよいですか?
ありがとう
ruby-on-rails - rails_admin の Wsihtml5 が消えた
gem 'bootstrap-wysihtml5-rails'Gemfileに追加しました。だから私はrails_adminでこのgemを使っています。
プロジェクトに「ニュース」というモデルがあります。次のようになります。
ファイルbootstrap-wysihtml5.cssとディレクトリbootstrap-wysihtml5.jsがapp/assets/stylesheetsあります。app/assets/javascripts
これはしばらく前にうまくいきました。私はwysihtml5-textfieldを持っていました。
しかし、昨日 wsihtml5 パネルが消えてしまい、フィールド本体が通常のテキスト フィールドのようになりました。「ニュース」モデルには触れておらず、ログにエラーはありません。
ここで何が起こっているのですか？
ruby-on-rails - rails_admin のテキストエディタ
rails_adminテキストエリア用のテキストエディターの2つのオプションを提供してくれました。
- CKEditor
- Wsihtml5
テキスト領域に画像アップロード機能が必要です! CKEditor は開発環境では機能しますが、運用環境では機能しません。何らかのアセット パスの問題だと思います。Wysihtml5 フィールドには画像のアップロード機能がありません! URLを介して画像を挿入するオプションを提供するだけです。アップローダ (ペーパークリップ、キャリアウェーブ、または同様のもの) が必要です。
画像アップロード機能付きのテキスト エディタを使用するにはどうすればよいですか?
PS: 他のテキスト エディタがrails_admin気になる場合は、pls のインストール マニュアルをいくつか提供してください。
javascript - Rails JavaScript アセットの競合
現在、JavaScript アセットを提供する 2 つの gem を使用しています。これら 2 つの資産は互いに競合しています。
私の場合は、lazy_high_charts gem とbootstrap-wysihtml5-rails gem です。
現在のプロジェクトには両方があります。最初に、いくつかのテキストボックス用に bootstrap-wysihtml5-rails gem しか持っていませんでした。昨日、ダッシュボードのプロジェクトに lazy_high_charts ジェムを追加しました。
アプリケーション内の複数の場所に wsiwyg テキスト ボックスがあります。ダッシュボード用に、インデックス アクションを使用して新しいコントローラー ダッシュボードを作成しました。
lazy_high_charts_gem を追加し、application.js マニフェスト ファイル内に javascript ファイルを要求した後、プロジェクト全体のテキスト ボックスのすべての wysiwyg エディターが消えました。application.js ファイルから lazy_high_charts JavaScript 要件を削除するとすぐに、wysiwyg エディターが復活しました。
最初の試み これを修正する最初の試みは、JavaScript 要件の順序を次のように変更することでした。
アプリケーション.js
宛先: application.js
しかし、それは何も変わりませんでした。
2 回目の試行
これを修正するための 2 回目の試みは、dashboard.js ファイル内に lazy_high_charts JavaScript ファイルを要求することでした。
アプリケーション.js
ダッシュボード.js
しかし、この試みの問題点は、すべてのアセットをプリコンパイルした後、javascript ファイルがこの 1 つの大きな javascript ファイルにコンパイルされ、wysiwyg エディターが再び停止することでした。
3 つ目のアイデアは次のとおりです 。ダッシュボード用に、ダッシュボード コントローラー用に独自のアセット フォルダーと独自のマニフェスト ファイルを作成できます。そのJavaScriptマニフェストでは、lazy_high_charts JavaScriptファイルを要求できます。dashboard/index.html.erb ビュー ファイルの一番下に、javascript マニフェストをロードできます。
そうすれば当面の問題は解決します。しかし、ハイ チャート グラフと wysiwyg テキスト ボックスを含むビューが必要になったときに、もう一度同じ問題に遭遇しました。
したがって、両方の宝石の競合を止め、同じビューで両方を使用できるようにするより良い解決策がないかどうかを尋ねます。
html - Android デバイスで bootstrap-wysihtml5 が表示されない
私のウェブサイトの1つにbootstrap-wysihtml5エディターを実装しました。デスクトップ、iPad、iPhone のどこでも問題なく動作しますが、Android デバイスではまったく表示されません。Chromeブラウザで確認しました。
誰でも何が悪いのか教えてください。
更新:デフォルトの Web サイトhttp://www.w3masters.nl/bootstrap-wysihtml5/から 'bootstrap-wysihtml5' をチェックすると、Android デバイスでも動作しないことがわかりました (chrome および他の Android ブラウザーでチェック)。
javascript - タブイベントのテキストエディター内で（divタグ内の）テキストを選択するjQuery
現在、html5 テキスト エディター ( bootstrap-wysihtml5 ) を使用しています。「キープレス」イベント (タブ上) を使用して、テキスト エディター内で特定の単語を選択しようとしています。
これが私のテキストの例です：
目標: 「keypress」タブ イベントで、{{ }} 内の各単語を強調表示します。すなわち 1. タブを 1 回押すと、{{name}} が強調表示されます。2. 2 回目にタブを押すと、{{Rails でのプログラミング}} などが強調表示されます。
これが私がこれまでに実装したものです：
何かご意見は？私はこれを機能させる方法を見つけるのに2日間費やしてきました。以下は、私が見たものの参考文献です。