在datagridview中显示TinyMCE内容c#asp.net

时间:2017-06-20 16:03:10

标签: c# asp.net datagridview tinymce

我尝试使用 AddMemo.aspx 页面中的multiLine属性将TinyMCE添加到我的文本框中,并且成功了。这是我的页面中的javascript sintax:

<script type="text/javascript">
   tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : false,
        template_external_list_url : "js/template_list.js",
        external_link_list_url : "js/link_list.js",
        external_image_list_url : "js/image_list.js",
        media_external_list_url : "js/media_list.js"
    });
</script>

我们这里是图片:

enter image description here

单击“提交”按钮时,它将保存到数据库中。我不知道如何在 HistoryMemo.aspx 中将TiniMCE内容sintax显示到我的DataGridview(我使用绑定源)。 结果如下: enter image description here

任何人都可以帮我将数据库中的TiniMCE内容显示到我的 datagridview 我会很感激吗?

3 个答案:

答案 0 :(得分:0)

我相信您需要使用@Html.Raw来阻止.NET转义HTML。

答案 1 :(得分:0)

如果您想将数据库中的TinyMCE内容显示到您的datagridview,只需将此代码添加到您的datagriview页面,以解码数据网格视图的所有列中的html:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                for (int i = 0; i < e.Row.Cells.Count; i++)
                {
                    string encoded = e.Row.Cells[i].Text;
                    e.Row.Cells[i].Text = Context.Server.HtmlDecode(encoded);
                }
            }
        }

如果你想解码到特定列(例如第一个)列,请添加以下代码:

if (e.Row.RowType == DataControlRowType.DataRow)
{
  string decodedText = HttpUtility.HtmlDecode(e.Row.Cells[0].Text);
  e.Row.Cells[0].Text = decodedText;
}

您可以根据需要进行自定义。

答案 2 :(得分:0)

SqlDataReader帮助您显示没有html标记的内容

string strQuery = "SELECT * from table";
using (SqlConnection myCon = new SqlConnection(con))
{
    using (SqlCommand cmd = new SqlCommand(strQuery, myCon))
    {
        myCon.Open();
        using (SqlDataReader sdr = cmd.ExecuteReader())
        {
            GridView1.DataSource = sdr;
            GridView1.DataBind();
            sdr.Close();
        }
        myCon.Close();
    }
}