NicEditor在mvc中无法正常工作

在mvc项目中为我的textarea编辑器使用nicEditor时出现问题。NicEditor在mvc中无法正常工作

这里是我有created.From的第一视图2视图页面我传递路由值给第二视图

<ul class="mar"> 

      @foreach (var item in Model) 
     { 
       <li class="mar" style="list-style-type:none"> 
        <div style="display:inline-block;font-size:small"> 

          <a id="[email protected]" class="glyphicon glyphicon-triangle-right" style="text-decoration:none;cursor:pointer;color:dimgray" onclick="toggle(@item.thread.MessageID)"></a> 
         <h3 class="mar" style="display:inline-block;"><a href="@Url.Action("GetMessage", "Home", routeValues: new{id=thread.Title.MessageID})" style="text-decoration:none;cursor:pointer">@item.thread.Title</a></h3> 
        </div> 
     <li> 
     </ul>

第二个视图

@Scripts.Render("~/bundles/jquery") 
<script type="text/javascript" src="~/Scripts/nicEdit.js"></script> 
<script type="text/javascript"> 
bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
</script> 
     <h2>GetMessage</h2> 
     <textarea style="width:900px"></textarea>

这里第二视图显示niceditor（ textarea）没有它的图像inEdild与nicEditor

当我从第一视图中删除传递参数，然后它工作正常..

我需要知道为什么会发生这样的???

来源

2017-01-19 Mohd Anzal

使用浏览器的开发人员工具并观察网络视图，nicEditoricons.gif未加载的原因是路径问题。使用选项iconsPath来设置正确的一个。请看看niceit手册。

var NicEditconfig = { 
    iconsPath : '/img/nicEditorIcons.gif', 
    buttonList : ['bold','italic','underline','ol','ul'] 
};

来源

2017-01-20 09:05:11 nevtag

是的，图像节点上有404错误。但不知道原因。我在.js文件中找到了上面的代码。它就像var NicEditorconfig = { iconsPath：'../nicEditorIcons.gif'， buttonList：['bold'，'italic'，'underline'，'ol'，'ul'] };我该如何解决问题？ –

http://nicedit.com/demos.php?demo=2 – nevtag

您需要配置的路径手动

首先，检查控制台找到当前请求的路径。如果请求路径是错误的，然后将其配置 HTML

<textarea id="textAreaNiceEditor" style="width: 100%;"> 
     Some Initial Content was in this textarea 
    </textarea>

JS代码

<script src="~/Content/NiceEditor/nicEdit.js"></script> 
<script type="text/javascript"> 
    //<![CDATA[ 
    bkLib.onDomLoaded(function() { 
     new nicEditor({ iconsPath: '../../../Content/NiceEditor/nicEditorIcons.gif' }).panelInstance('textAreaNiceEditor'); 
    }); 
    //]]> 
</script>

'../../../Content/NiceEditor/nicEditorIcons.gif'

根据您的gif位置更改此路径值。

请确保您使用的是在JS代码中使用相同的textarea id。以上情况的id值是textAreaNiceEditor

来源

2017-11-24 05:24:15

NicEditor在mvc中无法正常工作

回答

相关问题