WordPress Snippet

編集環境

• WordPress5.0.3
• gutenberg5.0

HTMLのコピーは、どうすればいいのか

極私的な現時点での結論、「クラッシックエディタのクリーンアップ機能を停止して、クラッシックエディタのHTML編集で貼り付けを行う」 gutenberg 6.4 「縦三点ボタン」コードエディタ変更後、貼り付け、貼り付け後「ビジュアルエディター」に変更で、複製可能 何もしないで、段落要素に、ペーストした場合も、うまくいくようです 具体的な方法

add_filter('tiny_mce_before_init', 'remove_verify_html', 10, 2);
function remove_verify_html( $init , $block ) {
	if( 'classic-block'== $block ) {
		$init['verify_html']= false;
	}
	return $init;
}

クラッシックブロックの縦三点メニューから、HTML編集（旧テキストモード）を開いて、ペーストし、クラッシックブロックに戻れば、入れ子になったブロックも貼り付けることができます。

ここに行きつくまで、いろいろ試しましたが

• デモ画面（グーテンベルグプラグインのデモ投稿）を保存後、編集の右上「縦三点ボタン」からすべてのコンテンツをコピーします。
• 段落要素に、ペーストした場合、カバーブロック、ギャラリーブロックは、破損
• カスタムHTMLブロックにペーストした場合、保存後一見うまくいったように見えますが、再度編集でコンテンツが消失
• クラッシクエディタで、HTML編集をクリックして、貼り付け、貼り付け後「ブロックに変換」で、複製可能

gutenberg 6.4 修正

• デモ画面（グーテンベルグプラグインのデモ投稿）を保存後、編集の右上「縦三点ボタン」からすべてのコンテンツをコピーします。
• おぉ、段落要素に、ペーストした場合、うまくいくようです
• カスタムHTMLブロックにペーストした場合、保存後一見うまくいったように見えますが、再度編集でコンテンツが消失（相変わらず）
• 「縦三点ボタン」コードエディタ変更後、貼り付け、貼り付け後「ビジュアルエディター」に変更で、複製可能

テキストエディタからのコピーで段落ブロックにペースト可能な要素

ペースト時にパースされ、HTMLに変換される例

MarkDown

# Markdown
例：[WordPress](https://wordpress.org/)

リンクだけだと、うまく動きませんが、見出しと一緒にペーストすると動きます gutenberg 6.4 リンクだけペーストしても、動作します。（タイプしても、何も起こりません）

画像のコピー

画像のコピーができます。

動画、やインスタグラム等　OEMBEDメディア

urlを段落に貼り付けると、embedブロックに変換できます。

Google Docs

旧エディタで作成された、入れ子ブロックのあるソースを、フィルター追加後にブロックエディタに変換した場合の再現性

ソースの、span要素や、sectionのブロック要素は、維持されているようです。

<a href="https://www.tenman.info/xx/2018/10/media-link-404/bouquet-6/" rel="attachment wp-att-51361"><img src="https://www.tenman.info/xx/wp-content/uploads/bouquet-6.jpg" alt="flower" width="1920" height="1203" class="size-full wp-image-51361" /></a> hello world

<section class="hello-world" data-title="hello">
<h2>title</h2>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>