Neeto 编辑器

需要编辑纳米包括:

• neeto-editor-engine: 管理资产上传到 需要编辑。 每个上传资产都将与一个组织相关联. 除了管理资产外,它确实 还有几件事情。 。 。 .
• @bigbinary/neeto-editor-frontend: 驱动丰富文本的库 经验 产品 建造于 大边形。 。 。 .

目录

1. 安装
   • 后端
   • 前端
2. 使用量
3. 发展指示
4. 出版说明
5. 文档

安装

后端

1. 在您的应用程序的 Gemfile 中添加以下一行:

source "NEETO_GEM_SERVER_URL" do
  # ..existing gems

  gem "neeto-editor-engine"
end

2. 执行以下命令:

bundle install

3. 添加以下一行为 config/routes.rb 要挂载引擎的文件 /neeto_editor 路线.

mount NeetoEditorEngine::Engine, at: "/neeto_editor"

4. 添加以下一行为 models/organization.rb 文档.

has_many :neeto_editor_assets, class_name: "NeetoEditorEngine::Asset", dependent: :destroy

5. 执行以下命令以生成迁移以生成 neeto_editor_engine_assets 页:1.

rails g neeto_editor_engine:install:migrations

6. 运行迁移.

rails db:migrate

前端

yarn add @bigbinary/neeto-editor-frontend

用于设置图像上传参考 https://neeto-editor.neeto.com/?path=/docs/examples-customize-options-addons-addons. 页面存档备份,存于互联网档案馆.

使用量

• 主计长

用户

1. trim_empty_lines: 此乌提尔被添加到 String 课。 会有帮助的 您可以删除正后方的空行.

   str = "<p></p><h1></h1><br><h1>Hello world</h1><h1></h1><span></span>"
   str.trim_empty_lines # <h1>Hello world</h1>
   

2. sanitize: Sanitizes 编辑器 HTML用于安全服务器侧渲染. 用途 Rails::HTML::PermitScrubber 带有标签和属性的许可列表 匹配编辑器的输出。 保存 CSS 变量 (% 1)--custom-property 财务报告和审定财务报表 var())并验证iframe src 域(YouTube、Vimeo、Loom、, (原始内容存档于2017-10-12). Neeto Record, SupaDemo.

   NeetoEditorEngine.sanitize(html)
   

发展指示

通过执行以下命令安装所有依赖性 .

yarn

运行 yarn storybook 命令启动故事本应用程序。 使用这个 用于测试更改的应用程序.

当开发前端软件包时,测试活的改变至关重要 使用主机应用程序的环境。 这样做有两种方法:

1. 使用 yalc 包管理器 : https://youtu.be/F4zZFnrNTq8 请检查isbn=值 (帮助)

2. 直接更新主机应用程序的节点 模块.

   1. 启动主机应用程序服务器 .

   2. 在软件包内,执行命令:

      yarn build --watch --app ../neeto-site-web
      

      这里替换 ../neeto-site-web 带有主机项目的路径。 现在,任何 对 netoEditor 代码库所作的修改将立即反映在 联合调查组.

   3. 在主机应用程序中运行以下命令以重置到 初始状态.

      yarn install --check-files
      

出版指令

咨询 构建和释放软件包 关于如何出版的详细指南.

文档

在此读取前端文件 : https://neeto-editor.neeto.com (中文(简体) )。 。 。 .