mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-31 02:49:56 +02:00
Code Issues Releases Wiki Activity

Make serialize/deserialize friendlier (#1705)

Browse Source
This commit is contained in:
Francesco Agnoletto
2018-03-21 23:34:20 +01:00
committed by Ian Storm Taylor
parent ecc165740d
commit 6ad3aada5b
2 changed files with 95 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
docs/walkthroughs/saving-and-loading-html-content.md
View File

@@ -103,27 +103,29 @@ const rules = [
// Switch deserialize to handle more blocks...
deserialize(el, next) {
const type = BLOCK_TAGS[el.tagName.toLowerCase()]
if (!type) return
return {
object: 'block',
type: type,
nodes: next(el.childNodes),
if (type) {
return {
object: 'block',
type: type,
nodes: next(el.childNodes),
}
}
},
// Switch serialize to handle more blocks...
serialize(obj, children) {
if (obj.object != 'block') return
switch (obj.type) {
case 'paragraph':
return <p>{children}</p>
case 'quote':
return <blockquote>{children}</blockquote>
case 'code':
return (
<pre>
<code>{children}</code>
</pre>
)
if (obj.object == 'block') {
switch (obj.type) {
case 'paragraph':
return <p>{children}</p>
case 'quote':
return <blockquote>{children}</blockquote>
case 'code':
return (
<pre>
<code>{children}</code>
</pre>
)
}
}
},
},
@@ -154,26 +156,28 @@ const rules = [
{
deserialize(el, next) {
const type = BLOCK_TAGS[el.tagName.toLowerCase()]
if (!type) return
return {
object: 'block',
type: type,
nodes: next(el.childNodes),
if (type) {
return {
object: 'block',
type: type,
nodes: next(el.childNodes),
}
}
},
serialize(obj, children) {
if (obj.object != 'block') return
switch (obj.type) {
case 'code':
return (
<pre>
<code>{children}</code>
</pre>
)
case 'paragraph':
return <p>{children}</p>
case 'quote':
return <blockquote>{children}</blockquote>
if (obj.object == 'block') {
switch (obj.type) {
case 'code':
return (
<pre>
<code>{children}</code>
</pre>
)
case 'paragraph':
return <p>{children}</p>
case 'quote':
return <blockquote>{children}</blockquote>
}
}
},
},
@@ -181,22 +185,24 @@ const rules = [
{
deserialize(el, next) {
const type = MARK_TAGS[el.tagName.toLowerCase()]
if (!type) return
return {
object: 'mark',
type: type,
nodes: next(el.childNodes),
if (type) {
return {
object: 'mark',
type: type,
nodes: next(el.childNodes),
}
}
},
serialize(obj, children) {
if (obj.object != 'mark') return
switch (obj.type) {
case 'bold':
return <strong>{children}</strong>
case 'italic':
return <em>{children}</em>
case 'underline':
return <u>{children}</u>
if (obj.object == 'mark') {
switch (obj.type) {
case 'bold':
return <strong>{children}</strong>
case 'italic':
return <em>{children}</em>
case 'underline':
return <u>{children}</u>
}
}
},
},