Html TinyMCE在MVC4中工作不正常
我在这里有点为难。 我正试图在我的MVC4项目中使用TinyMCE作为文本编辑器Html TinyMCE在MVC4中工作不正常,html,asp.net-mvc-4,tinymce,Html,Asp.net Mvc 4,Tinymce,我在这里有点为难。 我正试图在我的MVC4项目中使用TinyMCE作为文本编辑器 <div class="float-right"> <ul id="images"> @foreach (System.Drawing.Image item in Model) { MemoryStream stream = new MemoryStream(); item.Save(strea
<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>
到目前为止,它非常简单,我只需要能够正确地显示编辑器
<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>
我有两个重要的课程
<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>
控制员:
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();
}
}
<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>
公共类控制器:控制器
{
ImageHandler=ImageHandler.Instance;
IDictionary pics=ImageHandler.Instance.SharedCollection.GetCollection();
公共行动结果索引()
{
返回视图(handler.SharedCollection.GetCollection().Values.ToList());
}
public void GetImage(字符串名称)
{
使用(MemoryStream s=new MemoryStream())
{
pics[name].Save(s,System.Drawing.Imaging.ImageFormat.Png);
System.Web.Helpers.WebImage webImg=新的System.Web.Helpers.WebImage;
webImg.Write();
}
}
然后是视图,这就是我试图让TinyMCE工作的地方:
@model IList<System.Drawing.Image>
<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>
@model-IList
@{
ViewBag.Title=“Index”;
}
<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>
<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>
融洽
<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>
tinyMCE.init({
模式:“文本区域”,
主题:“高级”,
插件:“情感,拼写检查,advhr,insertdatetime,预览”,
//主题选项-按钮#仅指示行#
主题_高级_按钮1:“新建文档,|,粗体,斜体,下划线,|,左对齐,中间对齐,右对齐,字体选择,字体大小选择,格式选择”,
主题|高级|按钮2:“剪切、复制、粘贴、|、布条、纽姆利斯特、|、凸出、缩进、|、撤消、重做、|、链接、取消链接、锚定、图像、|、代码、预览、|、前景色、后景色”,
theme_advanced_按钮3:“插入日期、插入时间、|、拼写检查、advhr、removeformat、|、sub、sup、|、charmap、情感”,
主题\高级\工具栏\位置:“顶部”,
主题\高级\工具栏\对齐:“左”,
主题\高级\状态栏\位置:“底部”,
主题\u高级\u大小调整:正确
});
<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>
这是一些可以用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>
@foreach(模型中的System.Drawing.Image项)
{
MemoryStream stream=新的MemoryStream();
保存(stream、System.Drawing.Imaging.ImageFormat.Png);
stream.Seek(0,SeekOrigin.Begin);
string base64=Convert.tobase64字符串(stream.ToArray());
-
}
<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>
//弹出窗口代码
函数newPopup(url){
popupWindow=window.open(
url,‘popUpWindow’、‘高度=600,宽度=1100,左侧=10,顶部=10,可调整大小=no,滚动条=no,工具栏=no,菜单栏=no,位置=no,目录=no,状态=yes’)
}
出于某种原因,结果是这样的:
<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>
知道为什么我没有从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>
提前感谢:)找到了。在定义TinyMCE的位置时,不允许使用本地路径。找到了。在定义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>