CMS：文章管理之视图（6） .
在包目录里还有一个tinymce目录，里面包含了所有tinymce的脚本，把整个目录直接复制到scripts目录下。
现在切换到解决方案的首页文件，也就是index.cshtml文件，在添加swfupload引用的下面添加对tinymce的引用，代码如下：
<script type="text/javascript"src="@Url.Content("Scripts/tinymce/tiny_mce.js")"></script>
还要在postParams下添加一个全局的对象来对tinymce进行配置，这样可避免每次创建TinyMCETextArea都要写一次配置，代码如下：
SimpleCMS.tinyCfg = {
// 基本选项
theme:"advanced", //使用高级选项
language:"zh", //使用中文
skin:"extjs", //使用extjs的样式
inlinepopups_skin: "extjs",
inline_styles: true,
theme_advanced_row_height: 27,
delta_height: 0,
convert_urls : false,
relative_urls :true,
media_use_script:true,
//要添加那些插件
plugins:"autolink,lists,pagebreak,style,layer,table,advhr,advimage,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,advlist",
// 样式选项，用来设置显示那些操作按钮
theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2:"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,code,|,forecolor,backcolor",
theme_advanced_buttons3:"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,media,advhr,|,ltr,rtl",
theme_advanced_易做图_location: "top",
theme_advanced_易做图_align:"left",
theme_advanced_statusbar_location: "bottom",
// 设置前台站点使用到的样式，这样样式会显示在样式列表中，这里没有，就没设置
//content_css: "Scripts/Extjs/ux/Form/site.css"
};
这里还有点小问题，现在下载的tinymce是不带语言包的，因而还要去http://www.tinymce.com/i18n/index.php?ctrl=lang&act=download&pr_id=1下载语言包，在页面中选择chinese，2012年10月16日更新的那个就好。下载后，把里面的langs、plugins和themes目录直接复制到解决方案中scripts/tinymce目录中就行了。
好了，准备工作做好了，现在开始编写编辑窗口，在scripts/app/view/Content目录下创建一个名称为ContentEdit.js的文件，文件内容与文章类别的其实差不多，可以复制过来做修改。
现在先看看表单上有那些字段。首先是ContentId，这个要用隐藏字段。接着是CategroyId，这个将使用与文章类别编辑窗口中的类别选择一样的下拉列表框。Title、Image和SrotOrder与文章类别中的状况一样。Summay和Content则需要使用TinyMCETextArea字段，而且为了便于编辑，分别用一个标签页来放置它。还要添加和Tags。
因为要用到标签页，因而要先在表单内添加一个标签控件。
和文章类别的编辑窗口区别不大，复制过来，修改一下就可以了，修改后的代码如下：
Ext.define("SimpleCMS.view.Content.ContentEdit",{
extend:"Ext.window.Window",
requires:["Ext.ux.Dialog.PicSelected","SimpleCMS.store.CategoriesCombo","Ext.ux.form.TinyMCETextArea"],
hideMode:'offsets',
closeAction: 'hide',
closable:true,
resizable: true,
layout: "fit",
title: '文章',
width:800,
height:600,
modal:true,
singleton: true,
bodyPadding: "0 0 10 0",
initComponent: function () {
varme = this;
me.form = Ext.create(Ext.form.Panel, {
border: false, bodyPadding: 5,layout:"fit",
bodyStyle: "background:#DFE9F6",
trackResetOnLoad: true,
fieldDefaults: {
labelWidth: 80, labelSeparator: "：", anchor: "0"
},
items: [
{ xtype: "tabpanel", activeTab: 0,
defaults: { xtype: "panel", border: false,
bodyPadding: 5,bodyStyle: "background:#DFE9F6"
},
items: [
{ title: "基本信息",layout: "anchor",
defaultType: "textfield",
items: [
{ xtype:"hidden", name: "ContentId" },
{ xtype: "textfield",fieldLabel: "标题",name: "Title", allowBlank: false },
{
xtype:"fieldcontainer", layout: "hbox", fieldLabel: "题图", defaults: { hideLabel: true },
&
补充：Web开发 , 其他 ,
