我在这里有点束缚。 我正在尝试在我的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获得任何功能吗?
提前谢谢你:)
答案 0 :(得分:1)
想出来。在定义TinyMCE所在的位置时,不允许使用本地路径。