使用PageDown Editor(Formely WMD),但如何获取HTML中的值?

时间:2012-11-05 14:14:03

标签: asp.net pagedown

我正在使用PageDown编辑器,我的asp.net页面中有以下标记:

<script type="text/javascript" src="js/Markdown.Converter.js"></script>
        <script type="text/javascript" src="js/Markdown.Sanitizer.js"></script>
        <script type="text/javascript" src="js/Markdown.Editor.js"></script>
    </HEAD>
    <body>
        <form id="myForm" runat="server">
            <div class="wmd-panel">
                <div id="wmd-button-bar"></div>
                <textarea id="wmd_input" class="wmd-input" runat="server"></textarea>
                <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
            </div>
            <script type="text/javascript">
            (function () {
                var converter1 = Markdown.getSanitizingConverter();
                var editor1 = new Markdown.Editor(converter1);
                editor1.run();
            })();
            </script>
            <asp:button id="Button1" runat="server" Text="Set"></asp:button><asp:button id="Button2" runat="server" Text="Get"></asp:button><asp:label id="Label1" runat="server">Label</asp:label></form>
    </body>
</HTML>

结果如下:

enter image description here

所以我有一个服务器端事件,只是获取存储的值并将其分配给标签,以便我可以看到我要回来的内容:

Me.Label1.Text = Me.wmd_input.Value

因此,如果我在文本区域框中显示**test**之类的内容(以粗体显示),我希望能够点击“获取”按钮并返回此效果<b>test</b>而不是**test**。现在我回来**test**有没有办法找回HTML标记<b>test</b>

1 个答案:

答案 0 :(得分:1)

在客户端使用.makeHtml("markdown text")

对于你的情况

    converter1.makeHtml("*Hello World*")

要在服务器端获取Html值,请使用像MarkDown Sharp这样的markdown服务器端实现,或者您可以使用隐藏的输入字段。

 <script type="text/javascript" src="js/Markdown.Converter.js"></script>
    <script type="text/javascript" src="js/Markdown.Sanitizer.js"></script>
    <script type="text/javascript" src="js/Markdown.Editor.js"></script>
</HEAD>
<body>
    <form id="myForm" runat="server">
        <div class="wmd-panel">
            <div id="wmd-button-bar"></div>
            <textarea id="wmd_input" class="wmd-input" runat="server"></textarea>
            <div id="wmd-preview" class="wmd-panel wmd-preview"></div>
        </div>
        <script type="text/javascript">
        (function () {
            var converter1 = Markdown.getSanitizingConverter();
            var editor1 = new Markdown.Editor(converter1);
            editor1.run();
        })();
        function SetHidden(){
            var hidden = document.getElementById('<%= HiddenMarkdow.ClientID %>');
            var textArea = document.getElementById('<%= wmd_input.ClientID %>');
            var converter1 = Markdown.getSanitizingConverter();
            hidden.value = converter1.makeHtml(textArea.value);
            return true;
        }



        </script>
        <asp:HiddenField id="HiddenMarkdown" runat="server"/>
        <asp:button id="Button1" runat="server" Text="Set"></asp:button><asp:button id="Button2" runat="server" Text="Get" OnClick="SetHidden()"></asp:button><asp:label id="Label1" runat="server">Label</asp:label></form>
</body>