問題タブ [wmd-editor]
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.
ruby-on-rails - WMDエディター、レール、コンパス:生成されたMarkdownコードをHTMLとして読み取り、「リッチテキスト」として表示するにはどうすればよいですか?
私は、WMD が私のアプリでうまく動作していることを非常に気に入っています。ただし、問題が 1 つあります。
基本的にはコンテンツを編集し、データベースにマークダウンとして保存します。次に、Kramdownを使用してビューの HTML を取得します。ただし、Kramdown は、ブラウザで読み取れない HTML タグを取得します。私はクロムを使用しています。
サニタイズすると、ユーザーが太字、斜体、コードなどを入力した場合でも、プレーンテキストが表示されます。
したがって、基本的な考え方は、生成された HTML を HTML および「リッチテキスト」として読み取ることです。
出力ソースを調べると、使用すると、次のようにKramdown::Document.new(text).to_html" " 引用符が導入されていることがわかります。"<p> ...<em>..</em>.. </p>"
これらの引用符は、引用符の後に実際の HTML コードを隠します...(私は推測します)
サニタイズを使用すると、引用符はなくなります<p> ...<em>..</em>.. </p>が、最終的にはプレーンテキストになります。
ここで何が欠けていますか？太字、斜体、段落、画像などをブラウザに表示させることはできますか?
HMTL コンバーターには、kramdown または同様のマークダウンを使用する必要がありますか?
どうもありがとう！
アップデート
スタイルシートにコンパスを使用しています。コンパスがアンインストールされると、WMD エディタは正常に正しく動作します。何らかの理由で、コンパスは application.html.erb ファイルの「テスト テキスト」を含むすべてのスタイルを非表示にしますが、.scss パーシャル ファイルで作成されたスタイルは非表示にします! たとえば、次のコードを application.html.erb ファイルに記述した場合、太字で表示されません。<strong> test bold </strong>
なぜこれが起こるのですか？
css - Chipersoft WMD-YahooYuiReset.css-プレビューモードが機能しない
私はカスタムSymfony（1.4）Textareaクラスを作成して、textareaをWMDエディターに変換できるようにしました。現在、私はいくつかのYahoo yui（v3.4.0）cssライブラリ（リセット、フォント、グリッド）とともにChipersoftWMDを使用しています。
'inputtextarea'で追加/削除されたhtmlタグをレンダリングすることになっているWMD'previewdiv'を除いて、すべてがうまく機能します。しばらくして問題を絞り込んだ後、Yahoo yuireset.cssライブラリに関係していることを100％確実に判断することができました。ライブラリの内容をローカルファイルにコピーし、「プレビューdiv」でhtmlがレンダリングされない原因となっている正確なトリガーが見つかるまで、cssブロックをコメントアウトすることで、これを判断できました。
これが私が問題コードであるとわかったものです：
このコードブロックをコメントアウトしてページを更新すると、「preview div」は、太字または斜体としてフラグが付けられた単語を正しく表示します。
だから私の質問は、Yahooのyuireset.cssライブラリと一緒にChipersoftWMDを使用するときに、これと同じ問題に遭遇した人はいますか？もしそうなら、どのようにしてこの問題を回避しましたか？
この時点で私が考えることができる唯一のことは、reset.cssの内容をローカルのcssファイルにコピーし、http：//yui.yahooapis.com/3.4.0/build/cssreset/を介してYahooyuiバージョンを呼び出さないことです。 reset.cssは、私のものではなくyahooの帯域幅を使用したいので、やりたくありません。
前もって感謝します。
cakephp - CakePHP で WMD エディターを使用する
WMD エディターhttps://github.com/derobins/wmd/ (Stack Overflow で使用されているものと同様) を使用して WYSIWIG エディターを作成し、ユーザーがアプリケーションで HTML ベースの投稿を作成できるようにします。
HTMLを投稿してDBに保存すると、うまく機能します。問題は、投稿を再度編集しようとすると、テキストエリア内に実際の HTML が表示されることです。どうすればこれを止めることができますか?
編集：いくつかの考えの後、コンテンツをHTMLとしてではなくデータベースにマークダウンとして保存する必要があるように思われますか？したがって、なぜ素敵なコンテンツではなく Html が戻ってくるのでしょうか?
javascript - WMD-マークダウンテキストを取得
アプリでマークダウンエディターを使用しています。
最初は、textareaフィールドは空です。テキストを入力すると、すべてが期待どおりに機能します。
Firebugはそのようなhtml構造を示しています：
次に、純粋なマークダウンテキストを入力する必要があります**where** is it ?。データベースに保存する必要があると思うので必要です（後でデータベースから取得し、ユーザーに表示したときにhtmlに変換します）。どうすれば到達できるのかわかりません。どうすれば入手できますか？
asp.net-mvc-3 - ASP.NET MVC3RazorのWMDエディター
ASP.NETMVC3プロジェクトでderobinswmdエディターを使用しようとしています。私はなんとかコントロールを追加することができました、
ただし、WDMエディタは正しく表示されません（ツールバーなし、プレビューなし）。
この問題を解決するのを手伝ってください。
php - テキストエリアでフォーマットされたデータを（wmdエディターで）取得する方法
データを表示したり、私たちについてstackoverflowのように編集したりしたいので、wmdエディターを使用しました。また、マークダウンにmarkdown.phpを使用し、正常に動作しました。しかし、テキスト領域にデータをフェッチしてwmdエディターに表示するとき、私はやっています
今問題は、データフォーム$users->aboutme()がhtmlタグで取得されていることです
ここで、htmlタグを削除して、テキストエリアの外でcalしたときのように表示する方法を知りたい
text-editor - HTML を元の WMD エディタに変換するにはどうすればよいですか?
データベースに既に html があり、wmd エディターを使用したいのですが、wmd エディターで html を表示するデータベース wmd エディターから html を取得すると、wmd スタイルの html が必要です。太字 ** 太字 ** のように。誰でも解決策があります。
asp.net-mvc-3 - wmd エディターのタブが表示されない
こんにちはみんな私はstackoverflowでこのようなwmdエディタを実装しようとしていますが、テキストエリアだけが表示されるエディタのボタンを表示することはできません..ここに私のコードがあります..私はここで何か間違っていますか? それとも何か足りない？うまくいけば、皆さんが私を助けてくれます。
<!DOCTYPE html>
<body>
<div id="wmd-button-bar" class="wmd-panel"></div>
<textarea id="wmd-input" class="wmd-panel"></textarea>
<div id="wmd-preview" class="wmd-panel"></div>
<div id="wmd-output" class="wmd-panel"></div>
</head>
</body>
ruby-on-rails - Rails で基本的な SO のような WYSIWYG エディターを作成する
最近 Hartl の Rails チュートリアルを完了したばかりで、Rails に比較的慣れていない私は、初めて本格的なプロジェクトに着手しています。私が自分の Web アプリに追加したいと考えているのは、SO のテキスト入力機能に似たものです。入力すると、テキストがどのようになるかを直接確認できます。SOを掘り下げた後、 Ruby で実装された Markdown であるgem を使用することにしましたが、次の質問があります。 bluecloth
blueclothどの出力をform_forヘルパーに結び付けるかがわかりません。関数 を介して文字列に変換できると理解してhtml = BlueCloth.new(str).to_html()いましたが、 の一部としてテキスト フィールドがある場合、何form_forをすべきかわかりません。言い換えれば、1 つのボックスに入力すると、ページの別の場所に項目が表示されるという魔法について、私はまだ少し混乱しています。- WMD バー ボタンの項目と機能には、Markdown エディター (bluecloth など) が含まれていますか? それとも手動で作成する必要がありますか? もしそうなら、太字のボタンのようなものを、入力時にエディターに「** **」と表示するにはどうすればよいでしょうか?
ご協力いただきありがとうございます！