remove test
This commit is contained in:
@@ -48,13 +48,13 @@
|
|||||||
There is always something to do. Thankfully, there are checklists for that. Don't forget to call mom.
|
There is always something to do. Thankfully, there are checklists for that. Don't forget to call mom.
|
||||||
</p>
|
</p>
|
||||||
<ul data-type="todo_list">
|
<ul data-type="todo_list">
|
||||||
<li data-type="todo_item" data-done="true" :custom-prop="customProp">
|
<li data-type="todo_item" data-done="true">
|
||||||
Buy beer
|
Buy beer
|
||||||
</li>
|
</li>
|
||||||
<li data-type="todo_item" data-done="true" :custom-prop="customProp">
|
<li data-type="todo_item" data-done="true">
|
||||||
Buy meat
|
Buy meat
|
||||||
</li>
|
</li>
|
||||||
<li data-type="todo_item" data-done="true" :custom-prop="customProp">
|
<li data-type="todo_item" data-done="true">
|
||||||
Buy milk
|
Buy milk
|
||||||
</li>
|
</li>
|
||||||
<li data-type="todo_item" data-done="false">
|
<li data-type="todo_item" data-done="false">
|
||||||
|
|||||||
@@ -21,9 +21,6 @@ export default class TodoItemNode extends Node {
|
|||||||
<li data-type="todo_item" :data-done="node.attrs.done.toString()">
|
<li data-type="todo_item" :data-done="node.attrs.done.toString()">
|
||||||
<span class="todo-checkbox" contenteditable="false" @click="onChange"></span>
|
<span class="todo-checkbox" contenteditable="false" @click="onChange"></span>
|
||||||
<div class="todo-content" ref="content" :contenteditable="editable.toString()"></div>
|
<div class="todo-content" ref="content" :contenteditable="editable.toString()"></div>
|
||||||
<div>
|
|
||||||
{{ node.attrs.customProp }}
|
|
||||||
</DIV>
|
|
||||||
</li>
|
</li>
|
||||||
`,
|
`,
|
||||||
}
|
}
|
||||||
@@ -35,19 +32,15 @@ export default class TodoItemNode extends Node {
|
|||||||
done: {
|
done: {
|
||||||
default: false,
|
default: false,
|
||||||
},
|
},
|
||||||
customProp: {
|
|
||||||
default: null,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
draggable: false,
|
draggable: false,
|
||||||
content: 'paragraph',
|
content: 'paragraph',
|
||||||
toDOM(node) {
|
toDOM(node) {
|
||||||
const { done, customProp } = node.attrs
|
const { done } = node.attrs
|
||||||
|
|
||||||
return ['li', {
|
return ['li', {
|
||||||
'data-type': 'todo_item',
|
'data-type': 'todo_item',
|
||||||
'data-done': done.toString(),
|
'data-done': done.toString(),
|
||||||
'custom-prop': customProp.toString(),
|
|
||||||
},
|
},
|
||||||
['span', { class: 'todo-checkbox', contenteditable: 'false' }],
|
['span', { class: 'todo-checkbox', contenteditable: 'false' }],
|
||||||
['div', { class: 'todo-content' }, 0],
|
['div', { class: 'todo-content' }, 0],
|
||||||
@@ -58,7 +51,6 @@ export default class TodoItemNode extends Node {
|
|||||||
tag: '[data-type="todo_item"]',
|
tag: '[data-type="todo_item"]',
|
||||||
getAttrs: dom => ({
|
getAttrs: dom => ({
|
||||||
done: dom.getAttribute('data-done') === 'true',
|
done: dom.getAttribute('data-done') === 'true',
|
||||||
customProp: dom.getAttribute('custom-prop'),
|
|
||||||
}),
|
}),
|
||||||
}],
|
}],
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user