symfony - 在 CKeditor 中编辑 Twig 模板-6ren

symfony - 在 CKeditor 中编辑 Twig 模板

转载作者：行者123 更新时间：2023-12-02 08:32:05

25

4

我正在尝试允许管理员用户编辑电子邮件模板。这些模板在数据库中存储为 Twig那些。因此其中的变量设置为 {{ buy.number }} 并且有像

这样的循环

    {% if cart['shipping'] %}
        {% for line in cart['shipping'] %}
            <tr>
                <td colspan="7">Shipping ({{ line['text'] }})</td>
                <td>US${{ line['money'] }}</td>
            </tr>
        {% endfor %}
    {% endif %}

下面是我可以重现此问题的模板之一:

        <html>
    <body>
        <h3>Order #{{ purchase.number }} was cancelled</h3>
        <p>Order content:</p>
        <table>
            <tr>
                <th>Line</th>
                <th>Item #</th>
                <th>Product Name</th>
                <th>Shipping</th>
                <th>UOM</th>
                <th>Unit Price</th>
                <th>Quantity</th>
                <th>Subtotal</th>
            </tr>
            {% for line in cart['cart'] %}
                <tr>
                    <td>{{ line['LineNo'] }}</td>
                    <td>{{ line['ItemNo'] }}</td>
                    <td>{{ line['ProductName'] }}</td>
                    <td>{{ line['Shipping'] }}</td>
                    <td>{{ line['UOM'] }}</td>
                    <td>US${{ line['UnitPrice'] }}</td>
                    <td>{{ line['Quantity'] }}</td>
                    <td>US${{ line['Subtotal'] }}</td>
                </tr>
            {% endfor %}
            {% if cart['shipping'] %}
                {% for line in cart['shipping'] %}
                    <tr>
                        <td colspan="7">Shipping ({{ line['text'] }})</td>
                        <td>US${{ line['money'] }}</td>
                    </tr>
                {% endfor %}
            {% endif %}
            <tr>
                <td colspan="7"><b>Order Item Total:</b></td>
                <td>US${{ cart['total'] }}</td>
            </tr>
        </table>
    </body>
</html>

当我刚刚打开一个包含此模板的 CKEditor 文本区域页面时，我对模板不做任何更改，只需单击“源”按钮，下面是上述模板的外观点击:

<h3>Order #{{ purchase.number }} was cancelled</h3>

<p>Order content:</p>
{% for line in cart[&#39;cart&#39;] %} {% endfor %} {% if cart[&#39;shipping&#39;] %} {% for line in cart[&#39;shipping&#39;] %} {% endfor %} {% endif %}

<table>
    <tbody>
        <tr>
            <th>Line</th>
            <th>Item #</th>
            <th>Product Name</th>
            <th>Shipping</th>
            <th>UOM</th>
            <th>Unit Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
        </tr>
        <tr>
            <td>{{ line[&#39;LineNo&#39;] }}</td>
            <td>{{ line[&#39;ItemNo&#39;] }}</td>
            <td>{{ line[&#39;ProductName&#39;] }}</td>
            <td>{{ line[&#39;Shipping&#39;] }}</td>
            <td>{{ line[&#39;UOM&#39;] }}</td>
            <td>US${{ line[&#39;UnitPrice&#39;] }}</td>
            <td>{{ line[&#39;Quantity&#39;] }}</td>
            <td>US${{ line[&#39;Subtotal&#39;] }}</td>
        </tr>
        <tr>
            <td colspan="7">Shipping ({{ line[&#39;text&#39;] }})</td>
            <td>US${{ line[&#39;money&#39;] }}</td>
        </tr>
        <tr>
            <td colspan="7"><b>Order Item Total:</b></td>
            <td>US${{ cart[&#39;total&#39;] }}</td>
        </tr>
    </tbody>
</table>

注意，不仅仅是单引号改变了html代码，最主要的是循环被移动了，所以以前是:

        {% if cart['shipping'] %}
            {% for line in cart['shipping'] %}
                <tr>

但变成:

{% for line in cart[&#39;cart&#39;] %} {% endfor %} {% if cart[&#39;shipping&#39;] %} {% for line in cart[&#39;shipping&#39;] %} {% endfor %} {% endif %}

如果这些实体不是 html 并且我不做任何更改，我什至不关注该字段，为什么 CKEditor 会更改源。

我尝试使用这些 CKEditor 配置选项:

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
CKEDITOR.config.entities = false;

CKEDITOR.config.forcePasteAsPlainText = false; // default so content won't be manipulated on load
CKEDITOR.config.basicEntities = true;
CKEDITOR.config.entities = true;
CKEDITOR.config.entities_latin = false;
CKEDITOR.config.entities_greek = false;
CKEDITOR.config.entities_processNumerical = false;
CKEDITOR.config.fillEmptyBlocks = function (element) {
    return true; // DON'T DO ANYTHING!!!!!
};

但我仍然经历过这一点。除了不使用所见即所得之外，任何人都可以就配置选项或任何其他解决方法提供建议。我试图说服用户编辑 html/twig，但他们只想所见即所得。谢谢

最佳答案

对我来说，一个可能的解决方法是将 Twig block 添加到 config.protectedSource :

CKEDITOR.config.protectedSource.push(/\{%\s.+\s%\}/g);

它们将在所见即所得编辑器中被忽略，但在源代码 View 中仍然可见。

此外您还可以安装插件Show protected并且仍然有明显的提示。

关于symfony - 在 CKeditor 中编辑 Twig 模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20977910/

25

4

0

文章推荐： chisel - 如何在 Chisel3 中将 UInt 转换为 SInt 值？

文章推荐： vb.net - 没有为一个或多个必需参数给出值。搜索期间出错

文章推荐： winapi - SHFileOperation 可以工作，但会打印错误消息

文章推荐： rxjs - 让 withLatestFrom 等待，直到所有源都产生一个值

iPhone，如何将表格的“编辑”按钮切换到“完成”，然后再切换回“编辑”？
我添加了编辑按钮 self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc] initWithBarButto
ios - 如何在运行时 "cleanly"期间更改 UIBarButtonItem 文本(编辑 --> 完成 --> 编辑)？
我试图在运行时“干净地”更改 UIBarButtonItem 文本，以便可以切换编辑/完成模式。然而，每次我在运行时更改 title 属性时，动画看起来都很笨拙。我正在寻找模拟联系人应用程序中“编辑/
查找最大年龄时代码崩溃(编辑)
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
Powershell INI 编辑
我想更改 INI 文件中的一些值。不幸的是，我在 2 个不同的部分有键，它们共享相同的名称但需要不同的值。我的代码使用 Get-IniContent函数来自 PsIni . 示例 INI 文件: [P
UITableView 编辑/完成事件
是否有通知或委托(delegate)方法可用于检测表格 View 何时进入编辑状态？我想要做的是检测表正在编辑，然后显示一个额外的行，上面写着“添加新项目”或类似的东西。我尝试在加载 View C
PHP SVG 编辑
例如，我试图从 svg 读取样式块，我可以获取类型但不能获取字符串。 $svgTemplate = new SimpleXMLElement($_POST['SvgTemplateImport']);
ios6 - UICollectionViewController 编辑
我可以使用 self.navigationItem.leftBarButtonItem = self.editButtonItem; 通过按下导航面板上的编辑按钮让 UITableViewContro
jquery - 在标记中自动显示预览面板!编辑
我正在使用markitup!作为 Markdown 编辑器( example )。目前，我需要按预览按钮(绿色勾号)来显示预览面板。我希望自动显示预览 - 我怎样才能实现这一点？最佳答案我没有
.net - 编辑.NET程序集并重新编译
我的处境非常糟糕。我丢失了源代码，客户需要在应用程序中进行一些更改。想想一个编辑程序集的例子:Test.dll，然后添加代码行，最后重新编译它所以我的问题是: -可以这样做吗？ -如果可能的话，什么
JavaScript 编辑 HTML
我使用了一些 JavaScript 来通过按钮更改段落元素的内容。它工作正常，但我还想让按钮控制标题和附图。给我指明正确的方向吗？这是我用来更改段落的代码 .... 谢谢! 最佳答案尝试将 Ja
Emacs Yaml 编辑
是否有任何 Emacs lisp 插件可以让我轻松地在 yaml 文件中编辑或输入数据。例如: --- sample yaml file ---Name : Addr :City :State:Zi
java - 编辑.java文件并重新编译
新手Java问题，我确定已经解决了，但是在任何地方都找不到解决方案:( 我想使用这里包含的java程序http://sourceforge.net/projects/ant-tibco/files/
c# - GridView 编辑
在我的网页中，我使用了 gridview。在这个 GridView 中，它显示了一组用户信息。我刚刚从智能标签菜单中添加了一个按钮。我的要求是当我点击每个用户对应的按钮时，它会重定向到另一个页面并显示
Javascript 编辑 SVG
我想在没有任何框架的情况下直接在 JS 中编辑一个 SVG 文件。基本上我有一个 SVG 主文件，其中应该包含一些子 SVG。我已经在 Ajax 中检索了这些子项的内容，但我想将它们插入到 SVG
C# 编辑 ViewModel
我有我的 ViewModel，我有我的 Controller 可以从 ViewModel 正确显示，但是我不确定如何使 ViewModel 可编辑，以便将编辑后的数据发送回模型。我只想编辑 Order
c - [编辑]高斯差分的实现
我不确定我的做法是否正确。 IplImage *dog_1 = cvCreateImage(cvGetSize(oriImg), oriImg->depth, oriImg->nChannels);
java - 如何从服务器发回图像？ (编辑)
我有一个创建二维码的网络服务器。在此过程中，我得到一个 BarcodeQRCode 对象，我可以从中获取图像 (.getImage())。我不确定如何将这张图片发回给客户。我不想将它保存在文件中，而
Php不循环，在另一页仅提供一项，编辑
已编辑:我的第一个问题解决了，但又出现了另一个问题，只提供了一个用户 ID。这是修改后的代码的屏幕截图。回到表格，用户将按下编辑按钮，这样他就可以编辑问题并给出适当的操作.. 我的上表代码是这样的:
mysql - -编辑-我无法通过重新启动服务器或使用多个查询来清除MySQL查询缓存
据我了解，我无法通过重新启动服务器来清除 MySQL 查询缓存。每次运行 sql 时，我都试图获得与第一个代码块类似的结果 1-这是在重新启动 Apache 和 MySQL 之前(第一次使用这些查询
php - 编辑/更新搜索查询中的结果之一
我正在创建一个页面来搜索项目，然后能够编辑/更新它。当它只返回一个结果时我能够做到这一点，但当它给我多个结果时我只能编辑最后一项。下面是我的代码: ....... $dj =$_POST[djnum]

首页

博学

6Ren·AI

商城

symfony - 在 CKeditor 中编辑 Twig 模板