我在这里有点束缚。我正在尝试在我的 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({ mode: "textareas", theme: "advanced", plugins: "emotions,spellchecker,advhr,insertdatetime,preview", // 主题选项 - button# 表示行# only theme_advanced_buttons1: "newdocument,|,粗体,斜体,下划线,|,左对齐,居中对齐,右对齐,字体选择,字体大小选择,格式选择”,theme_advanced_buttons2:“剪切,复制,粘贴,|,bullist,numlist,|,outdent,缩进,|,撤消,重做,|,链接,取消链接,锚点,图像,|,代码,预览,|,前景色,背景色”,theme_advanced_buttons3:“插入日期,插入时间,|,拼写检查器,advhr,,removeformat,|,sub,sup,|,charmap,情绪”, theme_advanced_toolbar_location:“顶部”,theme_advanced_toolbar_align:“左”,theme_advanced_statusbar_location: "底部", 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=否,菜单栏=否,位置=否,目录=否,状态=是') }
出于某种原因,最终看起来像这样: 它看起来如何
知道为什么我没有从 TinyMCE 获得任何功能吗?
先感谢您 :)