web-dev-qa-db-ja.com

Gutenbergsエディタからp/br要素を削除する方法

私達は私達のウェブサイトのWordpress 5.0に更新しました、問題はこれが新しいgutenbergエディタを含むということです。

これ以前は、 ' wpautop 'で安全にした後で、メッセージ内に<p>および<br>要素を配置することがあるWP関数を既に削除しました。しかし、新しいエディタでは新しい問題が発生します。新しいgutenbergエディタでは、Tabキーを押したときとsafeキーを押したときにメッセージに<p>要素が表示されます。

これが例です: Example gutenberg 

私はあなたの投稿に直接jsコードを追加するのが最善の選択肢ではないことを知っています、しかしそれは迅速なテストのためにかなり簡単に働きます。新しいgutenbergエディタでJSを使用することは不可能なのでしょうか。

編集:私は問題を解決する解決策を見つけることを望みます。前にも述べたように、私たちはクラシックエディタプラグインをインストールしました。私はプラグインに頼らずにWordpressの最新のソフトウェアを使用する方法を手に入れたいと思っているので、これは現在私たちにとって一時的な修正です。

1
Kevin M.

おそらく、それを<pre></pre>タグでラップしてみてください。

0
WPZA

グーテンベルクの背後にある考え方は、あなたがあなたの投稿に含めたいと思うかもしれないすべてのタイプのコンテンツのためにあなたが異なるブロックを持つということです。だから、明らかに、あなたが探しているものはあなたのコードを台無しにしないだろう「ジャバスクリプトブロック」です。それは内容分野でスクリプトをダンプするというあなたの怪しげな習慣を意味的に分離するという利点さえ持っています。

ここであなた自身のグーテンベルクブロックを構築する方法に関する完全なチュートリアルを提供することは少し遠すぎます。あなたが "グーテンベルクブロックを作成する"ためにグーグルなら、あなたはたくさん見つけるでしょう。あるいは、 このプラグイン をインストールすることもできます。

1
cjbj

一般に、コードブロックを<pre>...</pre>要素でラップすると、貼り付けられたとおりに表示されるようにフォーマットされます。それは、間隔と改行がまだ表示されることを意味します。グーテンベルグエディタが<pre>...</pre>要素をチェックするなら、それは改行をpre要素内の段落区切りとして扱うことを控えるべきです。そうでなければ、それはそれが取り組むための何かであるかもしれず、それは将来のリリースで現れるかもしれません。

JSコードをpostフィールドに貼り付けて機能させるのであれば、それは間違ったアプローチです。ヘッダーにあるか、ページの下部の直前にある必要があります。だから、それならプラグインが行くべき道だろう。あるいは、atom.ioのようなテキストエディタをチェックアウトしてFilezillaと組み合わせると、問題を開発者のように扱うことができます。投稿欄はJavascriptを対象としていません。

0
cbos