2

私は 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>

その結果、次のようになります。

ここに画像の説明を入力

だから私は単純に保存された値を取得し、それをラベルに割り当てるサーバー側のイベントを持っています。

Me.Label1.Text = Me.wmd_input.Value

したがって**test**、テキスト領域ボックス (太字で表示) に次のようなものがある場合は、[取得] ボタンをクリックして、この効果<b>test</b>ではなく何かを取得できるようにしたいと考えてい**test**ます。現在、私は戻ってきていますが、代わりに HTML マークアップに**test**戻る方法はありますか?<b>test</b>

4

1 に答える 1

1

.makeHtml("markdown text")クライアント側で使用

あなたの場合

    converter1.makeHtml("*Hello World*")

サーバー側で Html 値を取得するには、 MarkDown Sharpなどのマークダウンのサーバー側実装を使用するか、非表示の入力フィールドを使用できます。

 <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>

于 2012-11-05T16:56:27.537 に答える