TinyMCE在MVC4中无法正常工作

时间:2013-03-21 13:15:42

标签: html5 asp.net-mvc-4 tinymce

我在这里有点束缚。 我正在尝试在我的MVC4项目中使用TinyMCE作为文本编辑器。

到目前为止,它非常简单,我只需要能够正确显示编辑器。

我有2个重要的课程。

控制器:

public class RapportController : Controller
{
    ImageHandler handler = ImageHandler.Instance;
    IDictionary<string, System.Drawing.Image> pics = ImageHandler.Instance.SharedCollection.GetCollection();

    public ActionResult Index()
    {
        return View(handler.SharedCollection.GetCollection().Values.ToList());
    }

    public void GetImage(string name)
    {
        using (MemoryStream s = new MemoryStream())
        {
            pics[name].Save(s, System.Drawing.Imaging.ImageFormat.Png);
            System.Web.Helpers.WebImage webImg = new System.Web.Helpers.WebImage(s);
            webImg.Write();
        }
    }

然后是视图,这是我试图让TinyMCE工作的地方:

@model IList<System.Drawing.Image>

@ {     ViewBag.Title =“索引”; }

    关系

    tinyMCE.init({         模式:“textareas”,         主题:“先进”,         插件:“情绪,拼写检查,advhr,插入时间,预览”,         //主题选项 - 按钮#仅表示行#         theme_advanced_buttons1:“newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,formatselect”,         theme_advanced_buttons2:“剪切,复制,粘贴,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,|,code,preview,|,forecolor,backcolor”,         theme_advanced_buttons3:“insertdate,inserttime,|,spellchecker,advhr ,, removeformat,|,sub,sup,|,charmap,emotions”,         theme_advanced_toolbar_location:“top”,         theme_advanced_toolbar_align:“left”,         theme_advanced_statusbar_location:“bottom”,         theme_advanced_resizing:true     });

    
                  这是一些可以使用TinyMCE编辑的内容。              

<div class="float-right">
    <ul id="images">
        @foreach (System.Drawing.Image item in Model) 
        {
            MemoryStream stream = new MemoryStream();    
            item.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
            stream.Seek(0, SeekOrigin.Begin);
            string base64 = Convert.ToBase64String(stream.ToArray());
            <li>                 
                <a href="JavaScript:newPopup('data:image/gif;base64,@base64');"><img height="100" width="200" src="data:image/gif;base64,@base64"/></a>             
            </li>
        }
    </ul>
</div>

    //弹出窗口代码     function newPopup(url){         popupWindow = window.open(             url,'popUpWindow','height = 600,width = 1100,left = 10,top = 10,resizable = no,scrollbars = no,toolbar = no,menubar = no,location = no,directories = no,status = yes “) }

出于某种原因,最终看起来像这样: How it looks

知道为什么我没有从TinyMCE获得任何功能吗?

提前谢谢你:)

1 个答案:

答案 0 :(得分:1)

想出来。在定义TinyMCE所在的位置时,不允许使用本地路径。