README

EditorJS Symfony 解析器软件包

关于项目

EditorJS-ParserBundle 解析 editorjs-configs Editor.js。它旨在与 Symfony 最佳集成，并提供一个 Twig 扩展。该软件包基于 Durlecode/editorjs-simple-html-parser，但通过使用面向对象的方法显著改进了解析。

构建工具

editorjs-simple-html-parser

用法

use SyntaxPhoenix\EJSParserBundle\Parser\EditorjsParser;

$parser = new EditorjsParser($data);
$html = $parser->toHtml();

其中 $data 是来自 Editor.js 的干净 JSON 数据（以下提供 $data 示例）

{
    "time" : 1583848289745,
    "blocks" : [
        {
            "type" : "header",
            "data" : {
                "text" : "Hello World",
                "level" : 2
            }
        }
    ],
    "version" : "2.16.1"
}

安装

composer require syntaxphoenix/editorjs-symfony-parser-bundle

支持的插件

如果您想为特定的 editorjs-plugin 添加新的解析器，可以 fork master 并创建 pull-request。在这种情况下，请也修改 README 并添加您编辑的解析器。

方法

`toHtml()`

返回生成的 HTML

生成的 HTML

代码

<div class="prs-code">
    <pre>
        <code></code>
    </pre>
</div>

嵌入

（实际支持与 YouTube、Codepen 和 Gfycat 一起工作）

<div class="prs-embed">
    <iframe src="" height="300"></iframe>
</div>

分隔符

<hr class="prs-delimiter">

标题

<h2 class="prs-h2">Lorem</h2>

链接

<a href="https://github.com/" target="_blank" class="prs-link">
    <div class="prs-link-container-with-img">
        <div class="prs-link-title">Title</div>
        <div class="prs-link-description">Description</div>
        <div class="prs-link-url">https://example.com/</div>
    </div>
    <div class="prs-link-img-container">
        <img src="https://example.com/cat.png" alt="">
    </div>
</a>

有序列表

<div class="prs-list">
    <ol>
        <li></li>
    </ol>
</div>

无序列表

<div class="prs-list">
    <ul>
        <li></li>
    </ul>
</div>

段落

<p class="prs-paragraph">
    <code class="inline-code">Pellentesque</code> 
    <i>malesuada fames</i> 
    <mark class="cdx-marker">tempus</mark>
</p>

图片

<figure class="prs-image">
    <img src="" class="prs-image-border prs-image-background" alt="">
    <figcaption></figcaption>
</figure>

警告

<div class="prs-warning">
    <ion-icon name="information-outline" size="large" aria-label="information outline"></ion-icon>
    <div>
        <p>Title</p>
        <p>Message</p>
    </div>
</div>

原始

<div class="prs-raw">
    Raw HTML ...
</div>

警报

<div class="prs-alert prs-alert-{type}">
 <div>My Text</div>
</div>

路线图

有关建议功能和已知问题的列表，请参阅 open issues。

贡献

贡献使得开源社区成为一个学习、灵感和创造的美好场所。您做出的任何贡献都将被 大力赞赏。

分支项目
创建您的功能分支（git checkout -b feature/AmazingFeature）
提交您的更改（git commit -m 'Add some AmazingFeature'）
将更改推送到分支（git push origin feature/AmazingFeature）
打开 Pull Request

许可协议

在 GPLv3 许可证下分发。有关更多信息，请参阅 LICENSE。

联系方式

@SyntaxPhoenix - support@syntaxphoenix.com

项目链接： https://github.com/SyntaxPhoenix/editorjs-symfony-parser-bundle

语法凤凰 / editorjs-symfony-parser-bundle

维护者

详细信息