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

TypeScript prosemirror-inputrules.inputRules函数代码示例

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

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



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

示例1: horizontalRuleInputRulePlugin

export function horizontalRuleInputRulePlugin(schema: Schema): Plugin | undefined {
    const rules: Array<InputRule> = []

    if (schema.nodes.rule) {
        // '---' and '***' for hr
        rules.push(
            // -1, so that it also replaces the container paragraph
            createInputRule(
                /^(\-\-\-|\*\*\*)$/,
                (state, match, start, end) => createHorizontalRuleAutoformat(state, start - 1, end),
                true,
            ),
        )

        // '---' and '***' after shift+enter for hr
        rules.push(
            createInputRule(
                new RegExp(`${leafNodeReplacementCharacter}(\\-\\-\\-|\\*\\*\\*)`),
                (state, match, start, end) => {
                    const { hardBreak } = state.schema.nodes
                    if (state.doc.resolve(start).nodeAfter.type !== hardBreak) {
                        return null
                    }
                    return createHorizontalRuleAutoformat(state, start, end)
                },
                true,
            ),
        )
    }

    if (rules.length !== 0) {
        return inputRules({ rules })
    }
}
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:34,代码来源:input-rule.ts


示例2: createInputRulePlugin

export function createInputRulePlugin(schema: Schema): Plugin | undefined {
    if (!schema.marks.link) {
        return
    }

    const urlWithASpaceRule = createLinkInputRule((new LinkMatcher() as unknown) as RegExp, match =>
        match[3] ? match[1] : `https?://${match[1]}`,
    )

    // [something](link) should convert to a hyperlink
    const markdownLinkRule = createInputRule(
        /(^|[^])\[(.*?)\]\((\S+)\)$/,
        (state, match, start, end) => {
            // tslint:disable-next-line:no-shadowed-variable
            const { schema } = state
            const [, prefix, linkText, linkUrl] = match
            const url = normalizeUrl(linkUrl)
            const markType = schema.mark("link", { href: url })

            console.log("match?")

            return state.tr.replaceWith(
                start + prefix.length,
                end,
                schema.text(linkText, [markType]),
            )
        },
    )

    return inputRules({
        rules: [urlWithASpaceRule, markdownLinkRule],
    })
}
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:33,代码来源:input-rule.ts


示例3: inputRulePlugin

export function inputRulePlugin(schema: Schema): Plugin | undefined {
    const rules: Array<InputRuleWithHandler> = []

    if (schema.nodes.heading) {
        rules.push(...getHeadingRules(schema))
    }

    if (schema.nodes.blockquote) {
        rules.push(...getBlockQuoteRules(schema))
    }

    if (schema.nodes.codeBlock) {
        rules.push(...getCodeBlockRules(schema))
    }

    if (rules.length !== 0) {
        return inputRules({ rules })
    }
}
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:19,代码来源:block-type.inputrule.ts


示例4: inputRulePlugin

export function inputRulePlugin(schema: Schema): Plugin | undefined {
    const rules: Array<InputRule> = []

    if (schema.marks.strong) {
        rules.push(...getStrongInputRules(schema))
    }

    if (schema.marks.em) {
        rules.push(...getItalicInputRules(schema))
    }

    if (schema.marks.strike) {
        rules.push(...getStrikeInputRules(schema))
    }

    if (schema.marks.code) {
        rules.push(...getCodeInputRules(schema))
    }

    if (rules.length !== 0) {
        return inputRules({ rules })
    }
}
开发者ID:zodiac-team,项目名称:zodiac-ui,代码行数:23,代码来源:text.formatting.inputrule.ts


示例5: buildMenuItemsPlugin

  buildMenuItemsPlugin() {
    let r = {}, deps;

    if (this.outputFormat === ProseMirrorFormatTypes.MARKDOWN) {
      if (this.outputSchema.marks.strong) {
        r['toggleStrong'] = this.markItem(this.outputSchema.marks.strong, {
          title: 'Toggle strong style',
          icon: icons.strong
        });
      }
      if (this.outputSchema.marks.em) {
        r['toggleEm'] = this.markItem(this.outputSchema.marks.em, {title: 'Toggle emphasis', icon: icons.em});
      }
      if (this.outputSchema.marks.code) { // this one is bonus
        r['toggleCode'] = this.markItem(this.outputSchema.marks.code, {title: 'Toggle code font', icon: icons.code});
      }
      if (this.outputSchema.marks.link) {
        r['toggleLink'] = this.linkItem(this.outputSchema.marks.link);
      }
      if (this.outputSchema.nodes.image && this.images && this.images.length > 0) {
        if (this.images.length === 1) {
          r['insertImage'] = this.insertImageItem(this.images[0], 'Image: ' + this.images[0].name);
        } else {
          for (let i = 0; i < this.images.length; i++) {
            r['insertImage' + i] = this.insertImageItem(this.images[i], this.images[i].name);
          }
        }
      }
      if (this.outputSchema.nodes.bullet_list) { // lists are bonus
        r['wrapBulletList'] = this.wrapListItem(this.outputSchema.nodes.bullet_list, {
          title: 'Wrap in bullet list',
          icon: icons.bulletList
        });
      }
      if (this.outputSchema.nodes.ordered_list) { // bonus
        r['wrapOrderedList'] = this.wrapListItem(this.outputSchema.nodes.ordered_list, {
          title: 'Wrap in ordered list',
          icon: icons.orderedList
        });
      }
      if (this.outputSchema.nodes.blockquote) { // bonus
        r['wrapBlockQuote'] = wrapItem(this.outputSchema.nodes.blockquote, {
          title: 'Wrap in block quote',
          icon: icons.blockquote
        });
      }
      if (this.outputSchema.nodes.paragraph) {
        r['makeParagraph'] = blockTypeItem(this.outputSchema.nodes.paragraph, {
          title: 'Change to paragraph',
          label: 'Plain'
        });
      }
      if (this.outputSchema.nodes.code_block) {// bonus
        r['makeCodeBlock'] = blockTypeItem(this.outputSchema.nodes.code_block, {
          title: 'Change to code block',
          label: 'Code'
        });
      }
      if (this.outputSchema.nodes.heading) {
        for (let i = 1; i <= 6; i++) {
          r['makeHead' + i] = blockTypeItem(this.outputSchema.nodes.heading, {
            title: 'Change to heading ' + i,
            label: 'Level ' + i,
            attrs: {level: i}
          });
        }
      }
      if (this.outputSchema.nodes.horizontal_rule) {// bonus
        r['insertHorizontalRule'] = new MenuItem({
          title: 'Insert horizontal rule',
          label: 'Horizontal rule',
          select: (state) => {
            return this.canInsert(state, this.outputSchema.nodes.horizontal_rule);
          },
          run: (state, dispatchTransaction) => {
            dispatchTransaction(state.tr.replaceSelectionWith(this.outputSchema.nodes.horizontal_rule.create()));
          }
        });
      }

      let cut = arr => arr.filter(x => x);

      if (this.images && this.images.length > 1) {
        let imageSubs = Object.keys(r).filter(key => key.match(/insertImage+/)).map(key => r[key]);
        let imageSubMenu = new DropdownSubmenu(imageSubs, {label: 'Image'});
        r['insertMenu'] = new Dropdown(cut([imageSubMenu, r['insertHorizontalRule']]), {label: 'Insert'});
      } else {
        r['insertMenu'] = new Dropdown(cut([r['insertImage'], r['insertHorizontalRule']]), {label: 'Insert'});
      }
      r['typeMenu'] = new Dropdown(cut([r['makeParagraph'], r['makeCodeBlock'], r['makeHead1'] && new DropdownSubmenu(cut([
        r['makeHead1'], r['makeHead2'], r['makeHead3'], r['makeHead4'], r['makeHead5'], r['makeHead6']
      ]), {label: 'Heading'})]), {label: 'Type...'});

      r['inlineMenu'] = [cut([r['toggleStrong'], r['toggleEm'], r['toggleCode'], r['toggleLink']]), [r['insertMenu']]];
      r['blockMenu'] = [cut([r['typeMenu'], r['wrapBulletList'], r['wrapOrderedList'], r['wrapBlockQuote'], joinUpItem,
        liftItem])];
      r['fullMenu'] = r['inlineMenu'].concat(r['blockMenu']);

      deps = [
        inputRules({rules: allInputRules.concat(this.buildInputRules())}),
//.........这里部分代码省略.........
开发者ID:PRX,项目名称:publish.prx.org,代码行数:101,代码来源:prosemirror.markdown.editor.ts



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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
TypeScript prosemirror-keymap.keymap函数代码示例发布时间:2022-05-25
下一篇:
TypeScript prosemirror-commands.toggleMark函数代码示例发布时间: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