Inquiry about Editor Functionality

[IDKNWHORU]

Hello,

I hope this message finds you well. I have a few questions regarding the usage of the editor:

1. Saving Images:
   I am interested in learning how to save images. Currently, I am testing the data storage and retrieval functionality using the job.pageToSnapshot feature. However, I encounter script errors when trying to load images after saving them. I would appreciate any guidance on resolving this issue.

2. Custom Cloud or Hosting for Image Storage:
   When saving images in the editor, I would like to store them at a custom cloud address or on a website that I host. Could you provide information on which API I should use for achieving this?

3. Disabling new Page or import Page Commands:
   I've noticed that when using the new Page or import Page commands, certain features are not available. I would like to display a message when users attempt to utilize these features. Specifically, I aim to either hide them entirely or show a message when someone tries to use the new Page command.

I appreciate your assistance in providing insights or solutions to these queries.

Thank you.

Reference

• Image Issue Youtube Channel
• My Codesandbox Container
• Github Repository

[IDKNWHORU]

Dear everyone,

I sincerely appreciate your assistance. I have successfully addressed the initial two inquiries, namely saving images and exploring options for custom cloud or hosting solutions for image storage.

Now, I kindly seek your guidance on the final question regarding the disabling of new page or import page commands.

Thank you for your continued support.

[Flrande]

The methods to override the linked-page option and the slash-menu option are similar; you can refer to these two links.

#5568 (reply in thread)

blocksuite/packages/blocks/src/page-block/widgets/linked-page/index.ts

Line 97 in bc7f0ab

options = AffineLinkedPageWidget.DEFAULT_OPTIONS;

You may need to rewrite a new getMenu method for the linked-page.

blocksuite/packages/blocks/src/page-block/widgets/linked-page/index.ts

Line 94 in bc7f0ab

getMenus,

blocksuite/packages/blocks/src/page-block/widgets/linked-page/config.ts

Lines 69 to 146 in bc7f0ab

	export const getMenus: (ctx: {
	query: string;
	page: Page;
	pageMetas: PageMeta[];
	model: BaseBlockModel;
	}) => LinkedPageGroup[] = ({ query, page, model, pageMetas }) => {
	const pageName = query || DEFAULT_PAGE_NAME;
	const displayPageName =
	pageName.slice(0, DISPLAY_NAME_LENGTH) +
	(pageName.length > DISPLAY_NAME_LENGTH ? '..' : '');
	const filteredPageList = pageMetas
	.filter(({ id }) => id !== page.id)
	.filter(({ title }) => isFuzzyMatch(title, query));
	return [
	{
	name: 'Link to Page',
	styles: 'overflow-y: scroll; max-height: 224px;',
	items: filteredPageList.map(page => ({
	key: page.id,
	name: page.title || DEFAULT_PAGE_NAME,
	icon: PageIcon,
	action: () =>
	insertLinkedNode({
	model,
	pageId: page.id,
	}),
	})),
	},
	{
	name: 'New page',
	items: [
	{
	key: 'create',
	name: `Create "${displayPageName}" page`,
	icon: NewPageIcon,
	action: async () => {
	const pageName = query;
	const newPage = await createDefaultPage(page.workspace, {
	title: pageName,
	});
	insertLinkedNode({
	model,
	pageId: newPage.id,
	});
	},
	},
	{
	key: 'import',
	name: 'Import',
	icon: ImportIcon,
	action: () => {
	const onSuccess = (pageIds: string[]) => {
	toast(
	`Successfully imported ${pageIds.length} Page${
	pageIds.length > 1 ? 's' : ''
	}.`
	);
	if (pageIds.length === 0) {
	return;
	}
	const pageId = pageIds[0];
	insertLinkedNode({
	model,
	pageId: pageId,
	});
	};
	showImportModal({
	workspace: page.workspace,
	onSuccess,
	});
	},
	},
	],
	},
	] satisfies LinkedPageGroup[];
	};

[IDKNWHORU]

Dear @Flrande,

I would like to express my sincere gratitude for providing a great solution. Your guidance on redefining the slash-menu was instrumental, and I achieved the desired outcome.

Thank you once again for your valuable assistance.