Griffin Editor

Markdown 编辑器
授权协议 未知
开发语言 JavaScript
所属分类 应用工具、 文档/文本编辑
软件类型 开源软件
地区 不详
投 递 者 谢志用
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Griffin Editor 是 TypeScript 编写的 Markdown 编辑器。

主要特性:

  • Markdown (容易添加其他格式)

  • 预览

  • 语法高亮

  • Boostrap 对话框

  • 快捷键(浏览器默认 or CTRL+key)

  • Plug & play

代码示例:

<div id="editor">
    <!-- TOOLBAR layout -->
    <div class="toolbar">
        <span class="button-h1" accesskey="1" title="Heading 1"><img src="images/h1.png" /></span>
        <span class="button-h2" accesskey="2" title="Heading 2"><img src="images/h2.png" /></span>
        <span class="button-h3" accesskey="3" title="Heading 3"><img src="images/h3.png" /></span>
        <span class="button-bold" accesskey="b" title="Bold text"><img src="images/bold.png" /></span>
        <span class="button-italic" accesskey="i" title="Italic text"><img src="images/italic.png" /></span>
        <span class="divider">&nbsp;</span>
        <span class="button-bullets" accesskey="l" title="Bullet List"><img src="images/bullets.png" /></span>
        <span class="button-numbers" accesskey="n" title="Ordered list"><img src="images/numbers.png" /></span>
        <span class="divider">&nbsp;</span>
        <span class="button-sourcecode" accesskey="k" title="Source code"><img src="images/source_code.png" /></span>
        <span class="button-quote" accesskey="q" title="Qoutation"><img src="images/document_quote.png" /></span>
        <span class="divider">&nbsp;</span>
        <span class="button-link" accesskey="l" title="Insert link"><img src="images/link.png" /></span>
        <span class="button-image" accesskey="p" title="Insert picture/image"><img src="images/picture.png" /></span>
    </div>
 
    <!-- The actual text area -->
    <textarea class="area"># Hello World!</textarea>
</div>
  • 界面汉化首先要找到页面文件夹目录,然后修改其中的对应字段为中文即可。 一、页面目录: 1、html页面目录 incubator-griffin\ui\pages 2、js脚本 incubator-griffin\ui\js 3、登录页面 incubator-griffin\ui\login\login.html 二、具体过程 1、首先要熟悉一下Griffin,就是web页面的整体流程,都有哪

  • process.type batch或者streaming "process.type"的类型绝对了使用什么app类型,核心代码如下: dqApp = procType match { case BatchProcessType => BatchDQApp(allParam) case StreamingProcessType => StreamingDQApp(allParam)

  • 参考博客及文档 https://blog.csdn.net/genus_yang/article/details/88053170 https://github.com/apache/griffin/blob/master/griffin-doc/deploy/deploy-guide.md http://griffin.apache.org/docs/quickstart-cn.html    

 相关资料
  • 在JavaFX 8中,我尝试在将新行添加到表中后编辑单元格,以优化用户体验。 选择了正确的行,但单元不会进入编辑模式。嗯,我很偶然地看到了这种情况,但很难再现。我做错了什么?

  • 基础 安装 扩展市场 任务 调试 为什么选用VSCode 版本控制 易用性 与时俱进的编辑体验

  • 因为要编辑项目需要的代码,所以你需要选择一款文本编辑器。不需要在挑选编辑器上花太多时间,一开始,您只需要一款现代的,使用简单的编辑器就行了。用你已经熟悉的,还没谱的话可以使用我推荐的 Atom 编辑器。 Atom Brackets Sublime Visual Studio Code

  • 本章描述几种常用编辑器针对 Rust 开发环境的配置。

  • 语法高亮 现在,许多流行的编辑器都支持 ES2015+ 语法的高亮显示, 并且此功能开箱即用,然后有一些编辑器则需要安装额外的扩展。 本指南将帮助你为编辑器添加语法高亮的功能。 如果你需要更高级的集成方式,可以 查看 安装 一节。 小提示: 上面截图中使用的字体时 FiraCode。 Atom 安装 language-babel 软件包 并按照 说明 进行操作。 Sublime Text 3 首先

  • 如果 SQL 大于此值时,禁用语法高亮显示和自动完成代码: MB 你可以设置最大的文件大小(例如:10)来语法高亮显示和自动完成代码功能,以提高性能。 显示 显示行号 在编辑器左侧显示行号以方便参考。 使用代码折叠 代码折叠让代码在编辑器折叠成一个块并只显示第一行。 使用括号高亮显示 当你的光标移动到其中一个括号时,高亮显示该对括号以方便参考。 使用语法高亮显示 语法高亮显示帮助查看代码。根据代码

  • 常规 显示行号 在编辑器左侧显示行号以方便参考。 使用代码折叠 代码折叠让代码在编辑器折叠成一个块并只显示第一行。 使用括号高亮显示 当你的光标移动到其中一个括号时,高亮显示该对括号以方便参考。 使用语法高亮显示 语法高亮显示帮助查看代码。根据代码所属的类别,代码会在编辑器中以不同的颜色和字体高亮显示。你可以在“如果文件大小大于此就禁用 (MB)” 中设置最大的文件大小(例如:10)来限制此功能,

  • 常规 显示行号 在编辑器左侧显示行号以方便参考。 使用代码折叠 代码折叠让代码在编辑器折叠成一个块并只显示第一行。 使用括号高亮显示 当你的光标移动到其中一个括号时,高亮显示该对括号以方便参考。 使用语法高亮显示 语法高亮显示帮助查看代码。根据代码所属的类别,代码会在编辑器中以不同的颜色和字体高亮显示。你可以在“如果文件大小大于此就禁用 (MB)” 中设置最大的文件大小(例如:10)来限制此功能,