使用树枝函数将带有 markdown 的 html 代码插入 div

Question

我想使用 Markdown 向用户预览如何使用 javascript.

设置 twig 文件上的表单字段的样式

基本上我想做的是：

// This function is used to show the Description Preview 
$( "#server_new_profile_description" ).on('input propertychange', function() {
    // This should make the $(this).val() formated in markdown
    var descrString = $(this).val();
    $("#descriptionPrev div").html("{{- "+descrString+"|markdown|raw -}}");
});

我得到的： If the input is *ABC*

the output will be: {{*ABC*|markdown|raw}}.

而不是ABC

谁能帮我解决这个问题？

Answer 1

Twig 在服务器端呈现，这意味着它只在您请求页面时执行一次。所以你将不得不使用 javascript 功能来实现降价效果。这意味着您将需要一个降价解析器，例如：https://github.com/evilstreak/markdown-js

Answer 2

我创建了 HTML，看起来像这样。

<div id="server_new_profile_description"> 
<input type="text">
</div>

<div id="descriptionPrev">
</div>

我会像这样实现你想要做的事情。

$( "#server_new_profile_description input" ).change(function() {
    var descrString = $(this).val();
    $("#descriptionPrev").html("{{*"+descrString+"*|markdown|raw -}}");
});

它使用 server_new_profile_description ID 获取 div 内的输入元素并赢得更改它获取分配给变量的值。然后将该变量放置在 ID 为 descriptionPrev 的 DIV 中，并与两个字符串部分

连接

使用树枝函数将带有 markdown 的 html 代码插入 div

Inserting html code with markdown to a div, using a twig function

javascript

jquery

symfony

twig

markdown