mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-12-15 11:09:01 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

toggle between unordered_list and ordered_list

Browse Source
This commit is contained in:
Chrissi2812 2019-05-17 15:50:59 +02:00
parent b61bec8bb9
commit a24fdac9f7
No known key found for this signature in database
GPG Key ID: B4B82C7E618271DA
1 changed files with 24 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
packages/tiptap-commands/src/commands/toggleList.js
View File

@ -1,49 +1,31 @@
import { nodeIsActive } from 'tiptap-utils'
import { wrapInList, liftListItem } from 'prosemirror-schema-list' import { wrapInList, liftListItem } from 'prosemirror-schema-list'
export default function toggleList(type, itemType) { function isList(node, schema) {
return (state, dispatch, view) => { return (node.type === schema.nodes.bullet_list || node.type === schema.nodes.ordered_list)
const isActive = nodeIsActive(state, type)
if (isActive) {
return liftListItem(itemType)(state, dispatch, view)
}
return wrapInList(type)(state, dispatch, view)
}
} }
// https://discuss.prosemirror.net/t/list-type-toggle/948 export default function toggleList(listType) {
return (state, dispatch) => {
const { schema } = state
const lift = liftListItem(schema.nodes.list_item)
const wrap = wrapInList(listType)
const { $from, $to } = state.selection
const range = $from.blockRange($to)
if (!range) {
return false
}
// import { wrapInList, liftListItem } from 'prosemirror-schema-list' if (range.depth >= 1 && $from.node(range.depth).type === listType) {
return lift(state, dispatch)
}
// function isList(node, schema) { if (range.depth >= 1 && isList($from.node(range.depth), schema)) {
// return (node.type === schema.nodes.bullet_list || node.type === schema.nodes.ordered_list) const { tr } = state
// } tr.setNodeMarkup(range.start - 1, listType)
if (dispatch) dispatch(tr)
return false
}
// export default function toggleList(listType, schema) { return wrap(state, dispatch)
// const lift = liftListItem(schema.nodes.list_item) }
// const wrap = wrapInList(listType) }
// return (state, dispatch) => {
// const { $from, $to } = state.selection
// const range = $from.blockRange($to)
// if (!range) {
// return false
// }
// if (range.depth >= 2 && $from.node(range.depth - 1).type === listType) {
// return lift(state, dispatch)
// } else if (range.depth >= 2 && isList($from.node(range.depth - 1), schema)) {
// const tr = state.tr
// const node = $from.before(range.depth - 1)
// console.log({node})
// // TODO: how do I pass the node above to `setNodeType`?
// // tr.setNodeType(range.start, listType);
// if (dispatch) dispatch(tr)
// return false
// } else {
// return wrap(state, dispatch)
// }
// }
// }