写在前面
地址: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通过清晰的图标设计,提高了用户的操作效率。 在实际...
"nicEditorIcons.gif" 文件则包含了NicEdit编辑器中所使用的图标集,用于在工具栏上显示各种编辑操作的图形表示。这些图标使得用户界面更加直观,便于用户识别和使用各种编辑功能。 在实际应用中,NicEdit适合那些...
二、 nicEdit 的基本使用 1. **安装与引入**:在HTML文件中,通过 `<script>` 标签引入 nicEdit.js 文件,然后调用 `bkLib.onDomLoaded(nicSetup);` 来启动编辑器。 2. **配置编辑器**:通过传递参数到 `nicSetup`...
使用nicEdit非常简单,只需要在网页中引入`nicEditor.js`,然后通过JavaScript调用`nicEditors.allTextAreas()`或`nicEditors.replaceTextarea()`方法,将文本区域转换为富文本编辑器。此外,还可以通过传递选项...
文档中给出了如何翻译NicEdit的方法,包括一个西班牙语的例子。这为全球用户提供了便利,使他们能够在自己熟悉的语言环境中使用编辑器。 综上所述,NicEdit是一款强大且灵活的编辑器,不仅提供了丰富的功能,还支持...
5. **自定义扩展**:nicEdit允许开发者根据需求添加自定义按钮或工具栏项,通过扩展其核心功能来满足特定的编辑需求。 6. **兼容性**:nicEdit兼容大多数现代浏览器,包括Firefox、Chrome、Safari、Opera以及...
本文将详细介绍nicEdit的使用和特点。 **一、nicEdit的基本结构** nicEdit的核心是基于JavaScript构建的,因此它可以在任何支持JavaScript的浏览器上运行。它由以下几个主要部分组成: 1. **核心库(nicCore)**...
`demos`目录下的示例代码可以帮助我们更好地理解和使用nicEdit。这些示例展示了如何在不同场景下使用编辑器,包括基本功能的演示以及如何自定义配置。通过查看和运行这些示例,开发者可以快速上手并根据自己的需求...
NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片、链接等操作,所见即所得,使得非技术人员也能轻松进行内容编辑。 **3. NicEdit的特性** - **跨浏览器兼容性**:NicEdit支持主流的...
3. **配置选项**:nicEdit允许你设置一些配置项来定制编辑器的行为,如开启/关闭某些工具栏按钮,或者改变编辑器的默认样式。 4. **事件监听**:利用nicEdit的事件监听机制,你可以捕捉到用户的编辑行为,如内容...
- **在线表单**:在填写在线表单时,用户可以使用nicEdit进行多样的文本格式设置,使信息更加生动。 ** nicEdit的使用步骤** 1. 下载nicEdit压缩包,解压后你会看到nicEditIcons.gif(编辑器的图标文件)和nicEdit...
这是一个相当轻量级的 所见即所得编辑器, 跨平台的Inline Content Editor。NicEdit能够让任何 ...NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片,经过我在项目里的使用情况来看,相当好用。
在实际应用中,如果不需要使用NicEdit的默认工具栏,可以直接调用编辑器对象的`nicCommand`方法执行特定命令,如插入图片。例如,`ne.nicCommand("insertImage",tmp)`用于插入图片,其中`ne`是nicEdit的编辑区实例,...
别人写好的例子,好东西大家一起共享。 只有一个js文件和一张图片,总共才200k. 不依赖jQurey。 上传的代码可以自己实现,传回参数也可以不需要用到json包。但是如果你图方便,也可以copy到工程直接使用。
nicEdit 是一款简洁的HTML网页在线编辑器,上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,...
demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给...<script src="nicEdit.js" type="text/javascript">该方法加载编辑器js js文件中iconsPath : 'nicEditorIcons.gif'语句设置编辑器图片路径
这段代码会在页面加载完成后,将所有`<textarea>`元素替换为NicEdit编辑器。 总的来说,NicEdit作为一款优秀的富文本编辑器,以其轻巧、兼容性强和易于使用的特点,为网页开发提供了高效且灵活的文本编辑解决方案。...
NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任... 下载的文件包含了NicEdit 所有的功能和插件,适合开发使用的未压缩的js。
** nicEdit:一款简洁高效的在线文本编辑器 ** 在网页设计和开发中,文本编辑器是不可或缺的一部分,...总的来说,nicEdit 是一个值得信赖的工具,能够在不牺牲用户体验的前提下,有效地处理网页中的文本编辑任务。
本篇文章将详细介绍NicEdit的特性和使用方法。 1. **NicEdit的基本概念** NicEdit是由Bryant Huppin开发的一款JavaScript库,旨在提供一个简单、快速且跨浏览器的富文本编辑解决方案。它不依赖任何其他的...