【2人目確認待ち】［ 投稿リスト ］編集画面では投稿のリンクをクリックしても飛ばないようにしました

readme.txt

@@ -106,6 +106,7 @@ e.g.
 
 == Changelog ==
 
+[ Specification change ][ Post List (Pro) ] Disable link on edit screen.
 [ Bug fix ][ Breadcrumb (Pro) ] Fixed an issue where the separator setting in the Breadcrumb block was not being loaded correctly (now loaded from view.js).
 [ Add function ][ Core Table ] Add scroll hint for horizontal scrolling.
 

src/blocks/_pro/post-list/edit.js

@@ -24,6 +24,32 @@ import { DisplayItemsControl } from '@vkblocks/components/display-items-control'
 import { ColumnLayoutControl } from '@vkblocks/components/column-layout-control';
 import { AdvancedCheckboxControl } from '@vkblocks/components/advanced-checkbox-control';
 
+// リンクを無効化
+const disableLinks = () => {
+	const links = document.querySelectorAll('.vk_post_imgOuter a, .vk_post .vk_post_title a, .postListText_title a, .card-intext .card-intext-inner');
+	links.forEach((link) => {
+		link.addEventListener('click', (event) => {
+			event.preventDefault();
+		});
+		link.style.cursor = 'default';
+		link.style.boxShadow = 'unset';
+
+		// ホバー効果を無効化
+		link.style.color = 'inherit';
+		link.style.textDecorationColor = 'inherit';
+	});
+
+	// クリック無効化のみ
+	const singleTermLinks = document.querySelectorAll('.postListText_singleTermLabel_inner, .vk_post_btnOuter a');
+	singleTermLinks.forEach((link) => {
+		link.addEventListener('click', (event) => {
+			event.preventDefault();
+		});
+		link.style.cursor = 'default';
+		link.style.boxShadow = 'unset';
+	});
+};
+
 export default function PostListEdit(props) {
 	const { attributes, setAttributes, name, clientId } = props;
 	const {
@@ -268,6 +294,21 @@ export default function PostListEdit(props) {
 		});
 	}, [isCheckedPostTypeData, isCheckedTermsData]);
 
+	useEffect(() => {
+		// 初回およびattributesの変更時にリンクを無効化
+		setTimeout(disableLinks, 1000); // DOM の更新を待つためにタイムアウトを利用
+
+		// クリーンアップ関数
+		return () => {
+			const links = document.querySelectorAll('.vk_post_imgOuter a, .vk_post .vk_post_title a, .postListText_title a, .card-intext .card-intext-inner, .postListText_singleTermLabel_inner, .vk_post_btnOuter a');
+			links.forEach((link) => {
+				link.removeEventListener('click', (event) => {
+					event.preventDefault();
+				});
+			});
+		};
+	}, [attributes]);	
+
 	return (
 		<>
 			<InspectorControls>
@@ -455,6 +496,7 @@ export default function PostListEdit(props) {
 				<ServerSideRender
 					block="vk-blocks/post-list"
 					attributes={attributes}
+					onRendered={disableLinks}
 				/>
 			</div>
 		</>