`
achun
  • 浏览: 313845 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

nicEdit 打包工具终于完成,如何使用jCT的好例子

阅读更多

写在前面

地址:http://ne.16lo.com/

因为我自己也要用这个打包器,又要让大家试用,所以真正的后台写操作进行了用户认证,非我的话是不会真正存储文件的.

不过如果你在FF下的话可以自己想办法获得所有的数据的.

http://ne.16lo.com/src/nicEditor 下可以看到所有文件

包括:

nicepacker.swf     flash图片合并工具

nicEditIcons.png  存盘后的图片合并

nicEditor.js           打包后未压缩的

index.html            模板文件

_.php                   后台写盘的php文件是配合jCT,AJAX,唯一入口规则写的,不过配了服务器只能列表拒绝查看,他的内容我贴在后面,只有大家自己写了.

demo                   NE的演示程序,目前我还没有测试

js                         为这个打包器写的js脚本文件

style                    配合模板的样式文件

src                       NE的源目录

src1                     做个备份

 

如何实现的

主要使用技术:

jQuery:这个就不用多说了

jCT3:我自己写的 javascript 模板编译器

flash:写了一个用于合并多个图片为一个图片的flash,这样做的原因就是:能在前台做的绝对不在后台做.从零开始学习flash,6天用haxe写成了.当然里面2天主要解决兼容性问题.

唯一入口:这个就是说所有前台向后台提交的数据都是通过一个后台入口的.具体可以用FF+Firebug调试就知道了.

其他:里面用的的一些js就不细说了.

 

这个是如何使用jCT的好例子.感兴趣的朋友我们进一步交流吧!

 

-.php的内容:

当然要让这个工作前面的唯一入口做了一些基本的准备工作,原谅我不能放出那个代码.

foreach ($AQ as $Q=>$P){
	switch ($Q){
		case 'entry':
			se_Msg(se_webPath(dirname(__FILE__)).'/index.html',false);
			break;
		case 'octet-stream':
			$Q=$_GET['Q'];
			switch($Q){
				case 'mergeImage':
					$dir=dirname(__FILE__);
					$file=$dir.'/'.$_GET['file'];
					if(dirname($file)!=$dir) se_Msg(false,false);
					if($_SERVER['REMOTE_ADDR']==MYIP)
						$len=file_put_contents($file,$INPUT);
					else
						$len=strlen($INPUT);
					se_Msg($len);
					break;
				default:
					die;
			}
			break;
		case 'packer':
			$dir=dirname(__FILE__);
			$file=$dir.'/nicEditor.js';
			if($_SERVER['REMOTE_ADDR']==MYIP)
				$len=file_put_contents($file,$P);
			else
				$len=strlen($P);
			se_Msg($len);
			break;
	}
}
 

 

 

分享到:
评论

相关推荐

    nicedit

    这些图标直观地呈现了可用的操作,如加粗、斜体、下划线、插入图片等,使用户能够直观地理解和使用编辑工具。编辑器的界面设计对用户体验至关重要,而nicEdit通过清晰的图标设计,提高了用户的操作效率。 在实际...

    简洁的富文本编辑器NicEdit插件

    "nicEditorIcons.gif" 文件则包含了NicEdit编辑器中所使用的图标集,用于在工具栏上显示各种编辑操作的图形表示。这些图标使得用户界面更加直观,便于用户识别和使用各种编辑功能。 在实际应用中,NicEdit适合那些...

    nicEdit_脚本实例_

    二、 nicEdit 的基本使用 1. **安装与引入**:在HTML文件中,通过 `<script>` 标签引入 nicEdit.js 文件,然后调用 `bkLib.onDomLoaded(nicSetup);` 来启动编辑器。 2. **配置编辑器**:通过传递参数到 `nicSetup`...

    nicEdit源代码

    使用nicEdit非常简单,只需要在网页中引入`nicEditor.js`,然后通过JavaScript调用`nicEditors.allTextAreas()`或`nicEditors.replaceTextarea()`方法,将文本区域转换为富文本编辑器。此外,还可以通过传递选项...

    NicEdit编辑器API文档

    文档中给出了如何翻译NicEdit的方法,包括一个西班牙语的例子。这为全球用户提供了便利,使他们能够在自己熟悉的语言环境中使用编辑器。 综上所述,NicEdit是一款强大且灵活的编辑器,不仅提供了丰富的功能,还支持...

    html文本编辑器(nicEdit)

    5. **自定义扩展**:nicEdit允许开发者根据需求添加自定义按钮或工具栏项,通过扩展其核心功能来满足特定的编辑需求。 6. **兼容性**:nicEdit兼容大多数现代浏览器,包括Firefox、Chrome、Safari、Opera以及...

    nicEdit富文本编辑器

    本文将详细介绍nicEdit的使用和特点。 **一、nicEdit的基本结构** nicEdit的核心是基于JavaScript构建的,因此它可以在任何支持JavaScript的浏览器上运行。它由以下几个主要部分组成: 1. **核心库(nicCore)**...

    nicEdit轻量级网页富文本编辑器

    `demos`目录下的示例代码可以帮助我们更好地理解和使用nicEdit。这些示例展示了如何在不同场景下使用编辑器,包括基本功能的演示以及如何自定义配置。通过查看和运行这些示例,开发者可以快速上手并根据自己的需求...

    NicEdit基于AJAX 技术的WYSIWYG 在线编辑器

    NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片、链接等操作,所见即所得,使得非技术人员也能轻松进行内容编辑。 **3. NicEdit的特性** - **跨浏览器兼容性**:NicEdit支持主流的...

    nicEdit 编辑器

    3. **配置选项**:nicEdit允许你设置一些配置项来定制编辑器的行为,如开启/关闭某些工具栏按钮,或者改变编辑器的默认样式。 4. **事件监听**:利用nicEdit的事件监听机制,你可以捕捉到用户的编辑行为,如内容...

    nicEdit轻量级文本编辑器

    - **在线表单**:在填写在线表单时,用户可以使用nicEdit进行多样的文本格式设置,使信息更加生动。 ** nicEdit的使用步骤** 1. 下载nicEdit压缩包,解压后你会看到nicEditIcons.gif(编辑器的图标文件)和nicEdit...

    NicEdit-Textarea编辑器

    这是一个相当轻量级的 所见即所得编辑器, 跨平台的Inline Content Editor。NicEdit能够让任何 ...NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片,经过我在项目里的使用情况来看,相当好用。

    nicedit 轻量级编辑器 使用心得

    在实际应用中,如果不需要使用NicEdit的默认工具栏,可以直接调用编辑器对象的`nicCommand`方法执行特定命令,如插入图片。例如,`ne.nicCommand("insertImage",tmp)`用于插入图片,其中`ne`是nicEdit的编辑区实例,...

    已经修改好的nicEdit,可以实现上传

    别人写好的例子,好东西大家一起共享。 只有一个js文件和一张图片,总共才200k. 不依赖jQurey。 上传的代码可以自己实现,传回参数也可以不需要用到json包。但是如果你图方便,也可以copy到工程直接使用。

    nicEdit HTML网页在线编辑器.rar

    nicEdit 是一款简洁的HTML网页在线编辑器,上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,...

    nicEdit中文以及官方demo(自己汉化的)

    demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给...<script src="nicEdit.js" type="text/javascript">该方法加载编辑器js js文件中iconsPath : 'nicEditorIcons.gif'语句设置编辑器图片路径

    NicEdit富文本编辑器

    这段代码会在页面加载完成后,将所有`<textarea>`元素替换为NicEdit编辑器。 总的来说,NicEdit作为一款优秀的富文本编辑器,以其轻巧、兼容性强和易于使用的特点,为网页开发提供了高效且灵活的文本编辑解决方案。...

    nicEdit(html编辑器) v0.9 r23

    NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任... 下载的文件包含了NicEdit 所有的功能和插件,适合开发使用的未压缩的js。

    简单的在线文本编辑器nicEdit,中文版

    ** nicEdit:一款简洁高效的在线文本编辑器 ** 在网页设计和开发中,文本编辑器是不可或缺的一部分,...总的来说,nicEdit 是一个值得信赖的工具,能够在不牺牲用户体验的前提下,有效地处理网页中的文本编辑任务。

    前端项目-NicEdit.zip

    本篇文章将详细介绍NicEdit的特性和使用方法。 1. **NicEdit的基本概念** NicEdit是由Bryant Huppin开发的一款JavaScript库,旨在提供一个简单、快速且跨浏览器的富文本编辑解决方案。它不依赖任何其他的...

Global site tag (gtag.js) - Google Analytics