`
ardiah
  • 浏览: 5590 次
  • 来自: ...
最近访客 更多访客>>
社区版块
存档分类
最新评论

HtmlArea3.0的改进---如何让工具栏的提示更好的工作

阅读更多

在使用HtmlArea的时候,发现htmlarea的工具栏的提示(其实也就是title了),经常不能很好的工作,鼠标移到工具栏的按钮上面,工具栏名称提示经常发生有时显示,有时不显示的问题。

这个问题,一直发生了很久。。。。,并且发现只有在按钮很边上的时候,title才会正常显示,一旦往按钮中心移动,itle就消失了。终于有一天,忍受不了了。。。

看了htmlarea.js源码,原来是表示按钮的div层设置了title属性,但是div内部的img对象没有设置title属性,明白了,只要给这个img对象也加上title属性就好了。

解决方案:

在htmlarea.js文件中查找createButton方法的定义,

js 代码
  1. // appends a new button to toolbar   
  2.     function createButton(txt) {  

我们可以看到在这个方法内部有这么几句

js 代码
  1. el = document.createElement("div");   
  2. el.title = btn[0];  

这是给div设置title,

再往下找到

js 代码
  1. var img = document.createElement("img");   
  2. img.src = btn[1];   
  3. img.style.width = "18px";   
  4. img.style.height = "18px";  

上面这段代码就是创建img对象,并设置相应属性,只要在中间加一句话    img.title = btn[0]; 变成下面这样

js 代码
  1. var img = document.createElement("img");   
  2. img.src = btn[1];   
  3. img.title = btn[0];   
  4. img.style.width = "18px";   
  5. img.style.height = "18px";  

ok~~大功告成!~

分享到:
评论

相关推荐

    HTMLArea-3.0-rc1多国语言

    在HTMLArea-3.0-rc1的发布中,我们期望看到一些改进和修复,比如错误修复、性能优化以及可能的新功能添加,以提高整体稳定性和用户体验。由于这是一个候选发布版,这意味着它在正式发布前已经过了一定程度的测试,但...

    HTMLArea-3.0

    对于Web开发者来说,HTMLArea-3.0是一个强大的工具,它简化了在网页中集成富文本编辑功能的过程,降低了开发成本。通过这个压缩包,用户可以获得完整的编辑器源代码,进行二次开发或者直接应用在自己的网站上。 ...

    CanFestival v3.0 Manual-en.pdf

    CanFestival v3.0 Manual-en.pdf CanFestival 是一个开源的 CANopen 栈实现,支持多平台,提供了一个简单易用的 CANopen 解决方案。本手册详细介绍了 CanFestival 的安装、配置和使用方法,为开发者提供了一个完整...

    HtmlArea3.0 rc1下载

    9. **性能提升**:与前一版本相比,3.0rc1在性能和稳定性上有所提升,提供了更好的用户体验。 在下载的压缩包“htmlarea”中,通常会包含以下内容: - `htmlarea.js`:主JavaScript文件,实现富文本编辑器的核心...

    HTMLArea3.0

    HTMLArea is a free, customizable online editor. It works inside your browser. It uses a non-standard feature implemented in Internet Explorer 5.5 or better for Windows and Mozilla 1.3 or better (any ...

    HTMLArea-3.0 文件

    关于HTMLArea的更多信息、最新版本下载以及与其他用户交流,用户可以在HTMLArea的官方网站找到相关资源,包括讨论区,这是一个与社区互动的好地方。 HTMLArea提供了键盘快捷键,例如:Ctrl-A全选、Ctrl-B加粗、Ctrl...

    HCIA-WLAN V3.0 培训教材

    "HCIA-WLAN V3.0 培训教材" 本教材旨在为读者提供一个全面的无线网络知识体系,涵盖了WPAN、WLAN、WMAN、WWAN等多种类型的无线网络技术。以下是本教材的知识点总结: 一、WPAN(Wireless Personal Area Network) ...

    HTML 类似word编辑器 3.0版本

    总结,HTMLArea 3.0作为一款开源的HTML类似Word编辑器,为Web开发者提供了构建富文本编辑功能的强大工具。其开源性质、广泛的浏览器兼容性和插件扩展性使其在Web应用中具有较高的实用价值。虽然存在一些局限性,但...

    17个在线编辑器,包括kindeditor,STEditor,HTMLArea3.0last20071025等

    KindEditor适合需要强大功能和定制化的大型项目,STEditor则更适合简洁快速的网页应用,而HTMLArea3.0last20071025可能适用于对兼容性要求较高或者对编辑功能需求不那么复杂的老项目。在实际使用中,应根据项目需求...

    contiki-3.0-20150825.tar.gz

    这个压缩包“contiki-3.0-20150825.tar.gz”包含了Contiki 3.0版本的源代码,发布于2015年8月25日。让我们深入探讨一下这个操作系统及其核心特性,以及与6LoWPAN(IPv6 over Low-Power Wireless Personal Area ...

    HTMLArea 网页编辑器 v3.0.rar

    HTMLArea v3.0是其特定的一个版本,可能包含了优化和改进的功能。 在HTMLArea中,用户可以直接输入文字、插入图像、设置字体样式、调整段落格式等,而无需编写HTML代码。这对于非技术人员或者对HTML不熟悉的人来说...

    HTMLArea在线编辑器中文版3.0RC1

    总的来说,HTMLArea在线编辑器中文版3.0RC1是一个功能完备且具有一定历史的工具,适用于那些需要简单易用的富文本编辑功能且不介意使用较旧技术的项目。开发者可以通过其提供的源码和API来定制和集成,以满足特定的...

    HTMLArea-免费在线定制编辑器

    HTMLArea-3.0-rc1是该编辑器的一个版本,"rc1"代表"Release Candidate 1",即第一版候选发布。这意味着这个版本是发布前的最后一个测试版本,通常在正式版本发布之前,开发者会广泛测试这个版本以确保其稳定性和功能...

    HTMLArea V3.0 rc1

    htmlArea是一款非常优秀的所见即所得编辑器,被使用在CMS系统或其他的WEB系统中.. 这个编辑器调用也非常方便,已经广泛用在各种CMS和blog系统里,记得bo-blog、phpArticle里整合了这个编辑器。

    HTMLArea在线文本编辑器 3.0 last 20071025.rar

    HTMLArea是一套自由的WYSIWYG编辑器, 能取代 < textarea > 栏位. 祇要在妳的网页中加入几列简单的 JavaScript 源码, 就可以把标准的 textarea 换成丰富的文字编辑器, 藉此妳可以: 将文字加上粗体, 斜体, 底线...

    EurekaLog_7.5.0.0_Enterprise

    EurekaLog 7.2 Hotfix 3 (7.2.3.0), 20-May-2015 1)....Added: Support for token auth in Bugzilla (latest 4.x builds) 2)....Added: Support for API key auth in Bugzilla (5.x) 3)....Added: Support for /EL_...

    CC2650-contiki-3.0.rar

    在给定的“CC2650-contiki-3.0.rar”压缩包中,包含的是Contiki 3.0版本与TI CC2650芯片相关的6LoWPAN(IPv6 over Low-power Wireless Personal Area Networks)节点的源代码。6LoWPAN是一种协议栈,允许无线传感器...

    SimIt-ARM-3.0 ARM指令模拟器

    SimIt-ARM-3.0 给予命令行ARM指令模拟器,短小精悍,是研究ARM处理器的好工具,该模拟器既可以运行用户级别的ELF程序,又可以模拟运行Linux操作系统;提供了简单易用的调试命令,可以逐条跟踪指令的执行。 SimIt-...

Global site tag (gtag.js) - Google Analytics