<tbody id="wvbrk"></tbody>
<em id="wvbrk"></em>
<mark id="wvbrk"><optgroup id="wvbrk"><table id="wvbrk"></table></optgroup></mark><rp id="wvbrk"></rp>
<rp id="wvbrk"><object id="wvbrk"></object></rp>
<th id="wvbrk"></th>

    1. <progress id="wvbrk"></progress>

      <th id="wvbrk"><pre id="wvbrk"><dl id="wvbrk"></dl></pre></th>

        <dd id="wvbrk"></dd><progress id="wvbrk"></progress>
        联系我们
        四川联创信通有限公司

        地址:四川省绵阳市高新区绵兴东路133号创业服务中心B318室
        QQ:77698071
        咨询热线:0816 - 2396929
        电子邮箱:liancxt@qq.com
        企业网络维护
        您当前位置: 首页 > > 企业网络维护 >



        这个例子使用了YUI. 即使你对它不是很熟悉也没有关系,我在这里只使用了它的 DOM 和 Event 的一些跨平台基本方法。

        搭架

        在此强调一下很久未曾提及的 unobtrusive. 我们的编辑器是对 textarea 元素的一个增强(enhencement),就是说,即使 JavaScript 被禁用了,用户还可以通过 textarea 编辑内容。

        在这个例子中,我们将数也只有 textarea 一个。我们使用一个实例变量来保存工具条的各个项目。实例初始化放到一个叫 render 的方法中。这一步的页面和代码见第 1 步。

        创建 iframe 并替换 textarea

        搭好架子,正如我在前面所说,建立一个 iframe, 编辑器的所有操作都在 iframe 的 document 内执行。并且把 textarea 隐藏起来。从第 2 步中可以看到,我们已经有了一个 iframe, 但不能输入任何东西,很正常,我们没有打开它的 designMode 嘛。

        开启 designMode

        这一步涉及的东西挺多,也是关键。我们会创建获取 iframe 的 document 的方法,并通过程序的方式向 iframe 写入空页而非使用一个外接的 blank.html. 我们使用一个类属性 YAHOO.realazy.RTE.htmlContent 来保存空页的 html. 在准备好一切后,就可以开启 designMode 了。页面和代码详见第 3 步。看,我们已经可以在 iframe 里输入东西了。

        构建工具条

        我们需要操作的工具条!这样才可以控制 iframe 里的内容,才能称之为编辑器。在此我并不打算实现太多的功能,只是选择字形、加粗、斜体、下划线、居左、居中、居右、超链接和插图作为示例。对于跨平台,Mozilla Midas Specification是不错的参考。ok, 请看第 4 步,我们的工具条出来了,虽然很丑。我同时用 CSS 对 iframe 的宽度做出了一些调整。

        给工具条加件

        嗯,工具条出来了,编辑器看起来也“人模狗样”了,你兴奋的点啊点,没什么效果……意料中嘛。我们接着给工具条绑定一些事件,让编辑器内容能够响应工具条。在这一步,我们把 execCommand 再封一层,前面说过,我们上 UIFlag,让它永远是 false 好了。好,有代码就有真相,请看第 5 步。如果是正使用 IE, 请先暂时转移到其它浏览器。看到了吧,工具条生效了!

        解决 IE 的问题

        well, 如果你没有听我的劝告,依然使用 IE, 你会发现除了字型和字号其它的都不能用。为什么呢?你观察一下有发现,其它浏览器选择文本后,再点击工具条上的项目,被选中的文本是否依然选中的?而 IE 呢,在点击工具条时,选中的文本马上失去选中的状态,所以它们就失败了。所以,如果我们能够保证点击工具条文本保持选中状态,就可IE的问题了。

        Microsoft 给 HTML 标签一个很奇怪的属性 unselectable, 只要设置为On不会转移到点击的元素上,从而保证文本的选中状态。

        请看第 6 步。这也是解决 IE 头痛问题的关键所在。我曾经在这上面费了很大脑筋。

        亿宝彩票登录 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】| 极速赛车【复制fh118.com打开】|