Javascript 在asp.net MVC中实现搜索与tinyMCE编辑器冲突

Javascript 在asp.net MVC中实现搜索与tinyMCE编辑器冲突,javascript,jquery,asp.net-mvc,tinymce,Javascript,Jquery,Asp.net Mvc,Tinymce,我实现了搜索表单,我可以在asp.NETMVC中搜索一些问题以查看其答案,我的搜索功能工作得非常好,我使用TinyMCE编辑器编辑我的问题 这是我的模型: public class Question { public virtual int Id { get; set; } public virtual int CategoryId { get; set; } public virtual string Qu { get; set;

我实现了搜索表单,我可以在asp.NETMVC中搜索一些问题以查看其答案,我的搜索功能工作得非常好,我使用
TinyMCE
编辑器编辑我的问题

这是我的模型:

  public class Question
    {

        public virtual int Id { get; set; }
        public virtual int CategoryId { get; set; }
        public virtual string Qu { get; set; }

        [AllowHtml]
        [UIHint("tinymce_full_compressed")]
        public virtual string Ans { get; set; }
        public virtual Category Category { get; set; }


    } 
例如,当我在句子之间输入
enter
时,在我的编辑中,它会创建

标记并保存在我的数据库中。在文本框中搜索后,结果中显示的不是呈现标记,而是

标记。类似于这样的
test
test
并在浏览器中显示,而不是在两行中显示两个
test
单词,而不带

标记。似乎它无法翻译编辑器添加到字符串中的标记

。此图显示了发生的情况

这是我的控制器:

  public ActionResult Help(string searchString)
    {
        searchString = Request["search"];
        var repsearch = new RepositorySearch();
        List<Question> question = new List<Question>();
        if (!string.IsNullOrEmpty(searchString))
        {
            question = repsearch.GetAllQuestion().Where(n => n.Qu.ToLower().Contains(searchString.ToLower())).ToList();
        }
        return Request.IsAjaxRequest() ? (ActionResult)PartialView("_QuestionPartial", question) : View(question);
    }
这是我的
TinyMCE
设置:

      <script>
   tinymce.init({
       selector: '#mytextarea',
  height: 500,
  theme: 'modern',
  force_br_newlines: false,
  force_p_newlines: false,
  forced_root_block: '',
  plugins: [
    'advlist autolink lists link image charmap print preview hr anchor pagebreak',
    'searchreplace wordcount visualblocks visualchars code fullscreen',
    'insertdatetime media nonbreaking save table contextmenu directionality',
    'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
  ],
  toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
  image_advtab: true,
  templates: [
    { title: 'Test template 1', content: 'Test 1' },
    { title: 'Test template 2', content: 'Test 2' }
  ],
  content_css: [
    '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
    '//www.tinymce.com/css/codepen.min.css'
  ]
 });

    </script>

tinymce.init({
选择器:“#mytextarea”,
身高:500,
主题:"现代",,
强制换行:false,
force_p_新行:false,
强制的\u根\u块:“”,
插件:[
'advlist autolink列出链接图像字符映射打印预览hr锚点分页符',
“searchreplace wordcount visualblocks visualchars代码全屏显示”,
“insertdatetime媒体非中断保存表上下文菜单方向性”,
'表情模板粘贴textcolor颜色选择器textpattern imagetools代码样本toc'
],
工具栏1:“撤消重做|插入|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
工具栏2:'打印预览媒体|前景色背景表情|代码样本',
图像\u advtab:正确,
模板:[
{标题:'测试模板1',内容:'测试1'},
{标题:'测试模板2',内容:'测试2'}
],
内容(css):[
“//fonts.googleapis.com/css?family=Lato:300300i,400400i”,
“//www.tinymce.com/css/codepen.min.css”
]
});
这是我的观点

<div class="row" id="searchhelp">

    <div class="container">
        @using (Html.BeginForm("Help", "Home", FormMethod.Get, new { @id = "FormSearch", @class = "form-group container" }))
        {

            @Html.TextBox("search", null, new { @class = "form-control col-md-10", @placeholder = "What Is Your Question?Enter Keyword!" })
    <button type="submit" class="left " id="btn-search">
        <i class="fa fa-search" aria-hidden="true"></i>
    </button>
        }
    </div>

</div>




<div id="helpicons" class="container">


    <div id="tagsname">

        <div id="intagsname">
            @Html.Partial("_QuestionPartial", Model)
            <div class="ajaxloader1">
                <img class=""  src="~/Content/img/ajax-loader (4).gif" alt="Alternate Text" />
            </div>
        </div>
    </div>



</div>

@使用(Html.BeginForm(“Help”、“Home”、FormMethod.Get、new{@id=“FormSearch”、@class=“formgroup container”}))
{
@TextBox(“search”,null,new{@class=“formcontrol col-md-10”,@placeholder=“你的问题是什么?输入关键字!”)
}
@Html.Partial(“\u QuestionPartial”,Model)

谢谢你的帮助。谢谢

要返回非HTML编码的标记,您必须这样做:

<h5 class="quos">@q.Qu</h5>
   <p class="answ">@Html.Raw(q.Ans)</p>
@q.Qu

@Html.Raw(q.Ans)


控件
测试
test
在使用中出现
@Html.Raw(@theValue)
<h5 class="quos">@q.Qu</h5>
   <p class="answ">@Html.Raw(q.Ans)</p>