mirror of https://github.com/writeas/writefreely
Removed unnecessary schema nodes, custom markdown parser/serializer, publish keyboard shortcut, readmore node
Viktor Vaczi
4 years ago
parent
a96d4474ef
commit
b1cea637cb
@ -0,0 +1,58 @@ |
|||||||
|
import { MarkdownParser } from "prosemirror-markdown"; |
||||||
|
import markdownit from "markdown-it"; |
||||||
|
|
||||||
|
import { writeFreelySchema } from "./schema"; |
||||||
|
|
||||||
|
export const writeAsMarkdownParser = new MarkdownParser( |
||||||
|
writeFreelySchema, |
||||||
|
markdownit("commonmark", { html: true }), |
||||||
|
{ |
||||||
|
// blockquote: { block: "blockquote" },
|
||||||
|
paragraph: { block: "paragraph" }, |
||||||
|
list_item: { block: "list_item" }, |
||||||
|
bullet_list: { block: "bullet_list" }, |
||||||
|
ordered_list: { |
||||||
|
block: "ordered_list", |
||||||
|
getAttrs: (tok) => ({ order: +tok.attrGet("start") || 1 }), |
||||||
|
}, |
||||||
|
heading: { |
||||||
|
block: "heading", |
||||||
|
getAttrs: (tok) => ({ level: +tok.tag.slice(1) }), |
||||||
|
}, |
||||||
|
code_block: { block: "code_block", noCloseToken: true }, |
||||||
|
fence: { |
||||||
|
block: "code_block", |
||||||
|
getAttrs: (tok) => ({ params: tok.info || "" }), |
||||||
|
noCloseToken: true, |
||||||
|
}, |
||||||
|
// hr: { node: "horizontal_rule" },
|
||||||
|
image: { |
||||||
|
node: "image", |
||||||
|
getAttrs: (tok) => ({ |
||||||
|
src: tok.attrGet("src"), |
||||||
|
title: tok.attrGet("title") || null, |
||||||
|
alt: tok.children?.[0].content || null, |
||||||
|
}), |
||||||
|
}, |
||||||
|
// hardbreak: { node: "hard_break" },
|
||||||
|
|
||||||
|
em: { mark: "em" }, |
||||||
|
strong: { mark: "strong" }, |
||||||
|
link: { |
||||||
|
mark: "link", |
||||||
|
getAttrs: (tok) => ({ |
||||||
|
href: tok.attrGet("href"), |
||||||
|
title: tok.attrGet("title") || null, |
||||||
|
}), |
||||||
|
}, |
||||||
|
code_inline: { mark: "code", noCloseToken: true }, |
||||||
|
html_block: { |
||||||
|
node: "readmore", |
||||||
|
getAttrs(token) { |
||||||
|
console.log({ token }); |
||||||
|
// TODO: Give different attributes depending on the token content
|
||||||
|
return {}; |
||||||
|
}, |
||||||
|
}, |
||||||
|
}, |
||||||
|
); |
||||||
@ -0,0 +1,127 @@ |
|||||||
|
import { MarkdownSerializer } from "prosemirror-markdown"; |
||||||
|
|
||||||
|
function backticksFor(node, side) { |
||||||
|
const ticks = /`+/g; |
||||||
|
let m; |
||||||
|
let len = 0; |
||||||
|
if (node.isText) |
||||||
|
while ((m = ticks.exec(node.text))) len = Math.max(len, m[0].length); |
||||||
|
let result = len > 0 && side > 0 ? " `" : "`"; |
||||||
|
for (let i = 0; i < len; i++) result += "`"; |
||||||
|
if (len > 0 && side < 0) result += " "; |
||||||
|
return result; |
||||||
|
} |
||||||
|
|
||||||
|
function isPlainURL(link, parent, index, side) { |
||||||
|
if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false; |
||||||
|
const content = parent.child(index + (side < 0 ? -1 : 0)); |
||||||
|
if ( |
||||||
|
!content.isText || |
||||||
|
content.text != link.attrs.href || |
||||||
|
content.marks[content.marks.length - 1] != link |
||||||
|
) |
||||||
|
return false; |
||||||
|
if (index == (side < 0 ? 1 : parent.childCount - 1)) return true; |
||||||
|
const next = parent.child(index + (side < 0 ? -2 : 1)); |
||||||
|
return !link.isInSet(next.marks); |
||||||
|
} |
||||||
|
|
||||||
|
export const writeAsMarkdownSerializer = new MarkdownSerializer( |
||||||
|
{ |
||||||
|
readmore(state, node) { |
||||||
|
state.write("<!--more-->"); |
||||||
|
state.closeBlock(node); |
||||||
|
}, |
||||||
|
// blockquote(state, node) {
|
||||||
|
// state.wrapBlock("> ", undefined, node, () => state.renderContent(node));
|
||||||
|
// },
|
||||||
|
code_block(state, node) { |
||||||
|
state.write(`\`\`\`${node.attrs.params || ""}\n`); |
||||||
|
state.text(node.textContent, false); |
||||||
|
state.ensureNewLine(); |
||||||
|
state.write("```"); |
||||||
|
state.closeBlock(node); |
||||||
|
}, |
||||||
|
heading(state, node) { |
||||||
|
state.write(`${state.repeat("#", node.attrs.level)} `); |
||||||
|
state.renderInline(node); |
||||||
|
state.closeBlock(node); |
||||||
|
}, |
||||||
|
// horizontal_rule(state, node) {
|
||||||
|
// state.write(node.attrs.markup || "---");
|
||||||
|
// state.closeBlock(node);
|
||||||
|
// },
|
||||||
|
bullet_list(state, node) { |
||||||
|
state.renderList(node, " ", () => `${node.attrs.bullet || "*"} `); |
||||||
|
}, |
||||||
|
ordered_list(state, node) { |
||||||
|
const start = node.attrs.order || 1; |
||||||
|
const maxW = String(start + node.childCount - 1).length; |
||||||
|
const space = state.repeat(" ", maxW + 2); |
||||||
|
state.renderList(node, space, (i) => { |
||||||
|
const nStr = String(start + i); |
||||||
|
return `${state.repeat(" ", maxW - nStr.length) + nStr}. `; |
||||||
|
}); |
||||||
|
}, |
||||||
|
list_item(state, node) { |
||||||
|
state.renderContent(node); |
||||||
|
}, |
||||||
|
paragraph(state, node) { |
||||||
|
state.renderInline(node); |
||||||
|
state.closeBlock(node); |
||||||
|
}, |
||||||
|
|
||||||
|
image(state, node) { |
||||||
|
state.write( |
||||||
|
`}${ |
||||||
|
node.attrs.title ? ` ${state.quote(node.attrs.title)}` : "" |
||||||
|
})`,
|
||||||
|
); |
||||||
|
}, |
||||||
|
// hard_break(state, node, parent, index) {
|
||||||
|
// for (let i = index + 1; i < parent.childCount; i += 1)
|
||||||
|
// if (parent.child(i).type !== node.type) {
|
||||||
|
// state.write("\\\n");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
text(state, node) { |
||||||
|
state.text(node.text || ""); |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
em: { |
||||||
|
open: "*", |
||||||
|
close: "*", |
||||||
|
mixable: true, |
||||||
|
expelEnclosingWhitespace: true, |
||||||
|
}, |
||||||
|
strong: { |
||||||
|
open: "**", |
||||||
|
close: "**", |
||||||
|
mixable: true, |
||||||
|
expelEnclosingWhitespace: true, |
||||||
|
}, |
||||||
|
link: { |
||||||
|
open(_state, mark, parent, index) { |
||||||
|
return isPlainURL(mark, parent, index, 1) ? "<" : "["; |
||||||
|
}, |
||||||
|
close(state, mark, parent, index) { |
||||||
|
return isPlainURL(mark, parent, index, -1) |
||||||
|
? ">" |
||||||
|
: `](${state.esc(mark.attrs.href)}${ |
||||||
|
mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : "" |
||||||
|
})`;
|
||||||
|
}, |
||||||
|
}, |
||||||
|
code: { |
||||||
|
open(_state, _mark, parent, index) { |
||||||
|
return backticksFor(parent.child(index), -1); |
||||||
|
}, |
||||||
|
close(_state, _mark, parent, index) { |
||||||
|
return backticksFor(parent.child(index - 1), 1); |
||||||
|
}, |
||||||
|
escape: false, |
||||||
|
}, |
||||||
|
}, |
||||||
|
); |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
import { MenuItem } from "prosemirror-menu"; |
||||||
|
import { buildMenuItems } from "prosemirror-example-setup"; |
||||||
|
|
||||||
|
import { writeFreelySchema } from "./schema"; |
||||||
|
|
||||||
|
function canInsert(state, nodeType, attrs) { |
||||||
|
let $from = state.selection.$from |
||||||
|
for (let d = $from.depth; d >= 0; d--) { |
||||||
|
let index = $from.index(d) |
||||||
|
if ($from.node(d).canReplaceWith(index, index, nodeType, attrs)) return true |
||||||
|
} |
||||||
|
return false |
||||||
|
} |
||||||
|
|
||||||
|
const ReadMoreItem = new MenuItem({ |
||||||
|
label: "Read more", |
||||||
|
select: (state) => canInsert(state, writeFreelySchema.nodes.readmore), |
||||||
|
run(state, dispatch) { |
||||||
|
dispatch(state.tr.replaceSelectionWith(writeFreelySchema.nodes.readmore.create())) |
||||||
|
}, |
||||||
|
}); |
||||||
|
|
||||||
|
export const getMenu = ()=> { |
||||||
|
const menuContent = [...buildMenuItems(writeFreelySchema).fullMenu, [ReadMoreItem]]; |
||||||
|
return menuContent |
||||||
|
} |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
import { schema } from "prosemirror-markdown" |
||||||
|
import { Schema } from "prosemirror-model"; |
||||||
|
|
||||||
|
export const writeFreelySchema = new Schema({ |
||||||
|
nodes: schema.spec.nodes.remove("blockquote") |
||||||
|
.remove("horizontal_rule") |
||||||
|
.remove("hard_break") |
||||||
|
.addToEnd("readmore", { |
||||||
|
inline: false, |
||||||
|
content: "", |
||||||
|
group: "block", |
||||||
|
draggable: true, |
||||||
|
toDOM: (node) => ["div", { class: "editorreadmore", style: "width: 100%;text-align:center" }, "Read more..."], |
||||||
|
parseDOM: [{ tag: "div.editorreadmore" }], |
||||||
|
}), |
||||||
|
marks: schema.spec.marks, |
||||||
|
}); |
||||||
|
|
||||||
|
console.log({ writeFreelySchema }) |
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue