Question

我在mvc项目中为我的textarea编辑器使用nicEditor时遇到了问题。

这是我创建的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="arrow_@item.thread.MessageID" 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）没有使用nicEditor 建立其图像

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

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

Answer 1

使用浏览器的开发人员工具并观看网络视图，为什么没有加载nicEditoricons.gif是路径问题。使用选项iconsPath设置正确的选项。请看一下nicedit的手册。

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

Answer 2

您需要手动配置路径

首先，检查控制台以查找当前请求路径。如果请求路径错误，请进行配置 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>

'../../../内容/ NiceEditor / nicEditorIcons.gif'

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

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

NicEditor在mvc中无法正常工作

2 个答案: