1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

Dreampower----DW版在线编辑器

本帖由 swfjk2005-11-30 发布。版面名称:前端开发

  1. swfjk

    swfjk New Member

    注册:
    2005-10-24
    帖子:
    29
    赞:
    0
    本编辑器由51jS的Afeila开发,只是看到确实太棒了,所以就转过来,大家试试吧

    开发的环境:XP sp2 + ie6.0

    演示地址:http://www.nlimi.com/ud/dreampower.htm

    还没做完,不过还是要分享的
    下载地址:http://www.nlimi.com/ud/dreampower.rar

    Copyright 2005 UNLIMITED WORKSTATION All rights reserved.
    希望大家不要用于商业用途

    1.附调用编辑器的代码:
    <textarea name='{$name}' id="{$name}" style='width:0px;height:0px;display:none;'>{$value}</textarea>
    <textarea id="{$name}_head" style='width:0px;height:0px;display:none;'>{$content[1]}</textarea>
    <iframe name='{$name}' id="ifrm{$name}" scrolling='no' src='dreampower.htm' class='multitext' style='padding:0px;margin:0px;width:100%;height:{$height}px;' content='{$content[0]}' skin='{$skin}' lang='{$lang}' editable='true' frameborder=0></iframe>"

    其中: {$name} 文本框的名称
    {$value} 文本框的初始值
    {$content[0]} 要编辑内容类型 html:整个网页 body:body部分 text:文本部分
    {$content[1]} 要编辑内容的头部({$content[0]} 为 body 时生效)
    {$height} 编辑器的高度
    {$skin} 皮肤名称(未实现)
    {$lang} 语言(未实现)

    2.文件dreampower/includes/editor.js中
    myEditor.baseURL 为编辑器所需文件的其本路径
    myEditor.explorerURL 为编辑器调用资源管理器的路径
    myEditor.explorerURLForDialog 为对话框调用资源管理器的路径
    (在此我只写了一个PHP的资源管理器,如果是用其它的语言,你可以模仿做一个^_^。ASP的在文件夹 asp_explorer 里,但其不完整)

    3.文件dreampower/includes/toolbar.xml 存工具栏的数据,可适当删除/添加某些工具(功能),使编辑器更适用于你的网站

    4.提示:双击标签状态栏上标签,弹出标签的高级属性对话框

    5.由于作者水平有限,有些代码过于烦琐,希望大家批评指正。谢谢!!!


    特色:
    CSS编辑
    标签的高级属性
    资源管理器
    高级调色板(用FLASH做的,类似与3D MAX的调色板)

    未完成部分:
    右键功能
    属性面板
    少部分工具的功能