Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | 1x 1x 1x 1x 1x 7x 7x 1x 1x 1x 7x 1x 7x 1x 6x 2x 4x 4x 2x 1x 2x 2x 2x 2x | import { contentModelToDom, createModelToDomContext } from 'roosterjs-content-model-dom';
import { convertMarkdownToContentModel } from '../markdownToModel/convertMarkdownToContentModel';
import { isPastedContentMarkdown } from '../publicApi/isPastedContentMarkdown';
import type { MarkdownPasteOptions } from './MarkdownPasteOptions';
import type { EditorPlugin, IEditor, PluginEvent } from 'roosterjs-content-model-types';
const DefaultOptions: MarkdownPasteOptions = {
autoConversion: false,
};
/**
* Markdown paste plugin. Handles the BeforePaste event and, when the pasted content
* can be interpreted as markdown, converts the plain text into a Content Model and
* pastes it as rich markdown content instead of the original clipboard HTML.
*/
export class MarkdownPastePlugin implements EditorPlugin {
private editor: IEditor | null = null;
private options: MarkdownPasteOptions;
/**
* Construct a new instance of MarkdownPastePlugin
* @param options Options to control the markdown paste behavior
*/
constructor(options?: MarkdownPasteOptions) {
this.options = options ?? DefaultOptions;
}
/**
* Get name of this plugin
*/
getName() {
return 'MarkdownPaste';
}
/**
* The first method that editor will call to a plugin when editor is initializing.
* It will pass in the editor instance, plugin should take this chance to save the
* editor reference so that it can call to any editor method or format API later.
* @param editor The editor object
*/
initialize(editor: IEditor) {
this.editor = editor;
}
/**
* The last method that editor will call to a plugin before it is disposed.
* Plugin can take this chance to clear the reference to editor. After this method is
* called, plugin should not call to any editor method since it will result in error.
*/
dispose() {
this.editor = null;
}
/**
* Core method for a plugin. Once an event happens in editor, editor will call this
* method of each plugin to handle the event as long as the event is not handled
* exclusively by another plugin.
* @param event The event to handle:
*/
onPluginEvent(event: PluginEvent) {
if (!this.editor || event.eventType != 'beforePaste') {
return;
}
const shouldConvert = event.pasteType === 'asMarkdown' || this.options.autoConversion;
if (shouldConvert && isPastedContentMarkdown(this.editor, event.clipboardData)) {
convertPastedTextToMarkdown(this.editor, event.fragment, event.clipboardData.text);
}
}
}
function convertPastedTextToMarkdown(editor: IEditor, fragment: DocumentFragment, text: string) {
const model = convertMarkdownToContentModel(text, {
emptyLine: 'merge',
});
while (fragment.firstChild) {
fragment.removeChild(fragment.firstChild);
}
contentModelToDom(editor.getDocument(), fragment, model, createModelToDomContext());
}
|