• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript prosemirror-state.Selection类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中prosemirror-state.Selection的典型用法代码示例。如果您正苦于以下问题:TypeScript Selection类的具体用法?TypeScript Selection怎么用?TypeScript Selection使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了Selection类的7个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: selectAroundMark

  selectAroundMark(markType: MarkType, doc: Node, pos: number, dispatchTransaction): Mark {
    let $pos = doc.resolve(pos),
      parent = $pos.parent;

    let start = parent.childAfter($pos.parentOffset);
    if (!start.node || start.node.marks.length === 0) {
      // happens if the cursor is at the end of the line or the end of the node, use nodeAt pos - 1 to find node marks
      start.node = parent.nodeAt($pos.parentOffset - 1);
      if (!start.node) {
        return null;
      }
    }

    let targetMark = start.node.marks.find(mark => mark.type.name === markType.name);
    if (!targetMark) {
      return null;
    }

    let startIndex = $pos.index(),
      startPos = $pos.start() + start.offset;
    while (startIndex > 0 && targetMark.isInSet(parent.child(startIndex - 1).marks)) {
      startPos -= parent.child(--startIndex).nodeSize;
    }
    let endIndex = $pos.indexAfter(),
      endPos = startPos + start.node.nodeSize;
    while (endPos < parent.childCount && targetMark.isInSet(parent.child(endIndex).marks)) {
      endPos += parent.child(endIndex++).nodeSize;
    }

    let selection = Selection.between(doc.resolve(startPos), doc.resolve(endPos));
    dispatchTransaction(this.view.editor.state.tr.setSelection(selection));

    return targetMark;
  }
开发者ID:PRX,项目名称:publish.prx.org,代码行数:34,代码来源:prosemirror.markdown.editor.ts


示例2: filterCommands

    return filterCommands(canLinkBeCreatedInRange(from, to), (state, dispatch) => {
        const link = state.schema.marks.link
        if (href.trim()) {
            const { tr } = state
            if (from === to) {
                const textContent = text || href
                tr.insertText(textContent, from, to)
                tr.addMark(
                    from,
                    from + textContent.length,
                    link.create({ href: normalizeUrl(href) }),
                )
            } else {
                tr.addMark(from, to, link.create({ href: normalizeUrl(href) }))
                tr.setSelection(Selection.near(tr.doc.resolve(to)))
            }

            // queueCardsFromChangedTr(state, tr);

            if (dispatch) {
                tr.setMeta(pluginKey, LinkAction.HIDE_TOOLBAR)
                dispatch(tr)
            }
            return true
        }
        return false
    })
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:27,代码来源:link.commands.ts


示例3: function

    return function(state: EditorState, dispatch) {
        let { tr } = state
        const { $from, $to } = state.selection
        const { paragraph } = state.schema.nodes
        const { alignment, indentation } = state.schema.marks

        /** Alignment or Indentation is not valid inside block types */
        const removeAlignTr = removeBlockMarks(state, [alignment, indentation])
        tr = removeAlignTr || tr

        const range = $from.blockRange($to) as any
        const wrapping = range && (findWrapping(range, type) as any)
        if (range && wrapping) {
            tr.wrap(range, wrapping).scrollIntoView()
        } else {
            /** We always want to append a block type */
            tr.replaceRangeWith(
                $to.pos + 1,
                $to.pos + 1,
                type.createAndFill({}, paragraph.create()),
            )
            tr.setSelection(Selection.near(tr.doc.resolve(state.selection.to + 1)))
        }
        if (dispatch) {
            dispatch(tr)
        }
        return true
    }
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:28,代码来源:keymap.ts


示例4:

const getActiveText = (schema: Schema, selection: Selection): string | undefined => {
    const currentSlice = selection.content()

    if (currentSlice.size === 0) {
        return
    }

    if (
        currentSlice.content.childCount === 1 &&
        [schema.nodes.paragraph, schema.nodes.text].indexOf(
            currentSlice.content.firstChild.type,
        ) !== -1
    ) {
        return currentSlice.content.firstChild.textContent
    }
}
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:16,代码来源:hyperlink.ts


示例5: function

    return function(state: EditorState, dispatch) {
        const { tr } = state
        const { $to } = state.selection
        const { codeBlock } = state.schema.nodes

        const getNextNode = state.doc.nodeAt($to.pos + 1)
        const addPos = getNextNode && getNextNode.isText ? 0 : 1

        /** We always want to append a block type */
        tr.replaceRangeWith($to.pos + addPos, $to.pos + addPos, codeBlock.createAndFill() as Node)
        tr.setSelection(Selection.near(tr.doc.resolve(state.selection.to + addPos)))
        if (dispatch) {
            dispatch(tr)
        }
        return true
    }
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:16,代码来源:block-type.command.ts


示例6: selectionFor

function selectionFor(docNode: pm.TaggedProsemirrorNode) {
    const aTag = docNode.tag.a;
    if (aTag != null) {
        const $aTag = docNode.resolve(aTag);
        if ($aTag.parent.inlineContent) {
            return new TextSelection(
                $aTag,
                docNode.tag.b != null
                    ? docNode.resolve(docNode.tag.b)
                    : undefined,
            );
        } else {
            return new NodeSelection($aTag);
        }
    }
    return Selection.atStart(docNode);
}
开发者ID:CNBoland,项目名称:DefinitelyTyped,代码行数:17,代码来源:prosemirror-test-builder-tests.ts


示例7:

transaction = transaction.delete(0, 0);
transaction = transaction.addMark(0, 0, mark);
transaction = transaction.removeMark(0, 0);
transaction = transaction.clearIncompatible(0, nodeType);
transaction = transaction.replaceRange(0, 0, slice);
transaction = transaction.replaceRangeWith(0, 0, node);
transaction = transaction.deleteRange(0, 0);
transaction = transaction.delete(0, 0);
transaction = transaction.replace(0, 0);
transaction = transaction.replaceWith(0, 0, node);
transaction = transaction.insert(0, node);
transaction = transaction.lift(nodeRange, 0);
transaction = transaction.wrap(nodeRange, []);
transaction = transaction.setBlockType(0, 0, node.type);
transaction = transaction.setNodeMarkup(0);
transaction = transaction.split(0);
transaction = transaction.join(0);
transaction = transaction.step(step);

const res1_1: state.PluginSpec["appendTransaction"] = null;
const res1_2: state.PluginSpec["appendTransaction"] = () => {};
const res1_3: state.PluginSpec["appendTransaction"] = () => null;
const res1_4: state.PluginSpec["appendTransaction"] = () => undefined;
const res1_5: state.PluginSpec["appendTransaction"] = () => ({} as state.Transaction);

const res2_1 = new state.PluginKey();
const res2_2: state.Plugin = res2_1.get({} as state.EditorState)!;

const res3_1 = new state.Selection({} as any, {} as any);
const res3_2: state.Selection = state.Selection.findFrom({} as model.ResolvedPos, 0)!;
开发者ID:CNBoland,项目名称:DefinitelyTyped,代码行数:30,代码来源:prosemirror-state-tests.ts



注:本文中的prosemirror-state.Selection类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript prosemirror-state.Transaction类代码示例发布时间:2022-05-25
下一篇:
TypeScript prosemirror-state.PluginKey类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap