热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

我为自己开发了一个css/html/js编辑器,诚求意见。

大家好,我为自己开发了一个csshtmljs编辑器,最大的特点是里面有一个htmlinspector(像Firebug那个),以及实时预览。也许你会问我,已经那么多文本编辑器,代
大家好,

我为自己开发了一个css/html/js编辑器,最大的特点是里面有一个html inspector(像Firebug那个),以及实时预览。

也许你会问我,已经那么多文本编辑器,代码编辑器,IDE什么的,为什么还要大费功夫自己弄一个?
这个问题问得好,如果我回答得好,您也就能了解到它的不同之处了。

一开始我是用 Notepad++,为什么?因为它的轻量级和具备必须的功能,如语法高亮,代码折叠等。但是有一个问题,就是每修改一下html代码或者css样式,我就要跑到Chrome浏览器哪里按F5刷新看效果,反反复复的,很费功夫。

而且呢,经常的要用Dev Tools(或者Firebug)那个html inspector实时调整css样式看效果,调整完后呢,还要把修改的内容复制回 Notepad++,对于极其讨厌重复动作的我来说,简直是不可忍受!

于是我想,为什么不能把一个像Notepad++那样的轻量级代码编辑器、基于webkit(Chromium)的标准浏览器,以及一个html inspector集成到一起去?那样就不需要整天切换窗口,就不需要复制来复制去啦!

于是,我痛下决心,历时2年(其实中间打乒乓球的时间去了大把时间 ),拙作  LIVEditor,横空出世,希望大家能提点意见哈,就算你觉得产品做得不好,我也蛮坚持的嘛,哈哈!谢谢。

19 个解决方案

#1


该回复于2013-12-18 08:45:44被版主删除

#2


该回复于2013-12-18 08:45:44被版主删除

#3


广告帖??竟然还收费。。。

#4


引用 3 楼 ww_super 的回复:
广告帖??竟然还收费。。。


主要是希望能得到些许意见,当然也希望同时向大家推荐一下有用的工具,虽然是自己的东西 

#5


咋不打广告行么

#6


还可以,还是需要学习学习的 

#7




F5都嫌费劲。。。。

#8


鼓励这种创新,建议增加代码检查功能

#9


引用 8 楼 dotnetstudio 的回复:
鼓励这种创新,建议增加代码检查功能

多谢鼓励!是的,下一步有这样的机会的。

#10


引用 7 楼 jiaoshudong2011 的回复:


F5都嫌费劲。。。。


怎么说呢,我觉得不论是做开发还是做设计,思维不被中断是很关键的,所以工具必须顺手省事,按F5只是LIVEditor解决的其中一个阻碍,LIVEditor的目标是使开发设计过程尽可能的舒服舒畅。

举个有点夸张的例子,就好像走路和自行车,虽然都能到达目的地,但是你需要耗费的时间精力是不一样的,到达目的地的速度也是不一样的。

#11


引用 6 楼 wuleio0 的回复:
还可以,还是需要学习学习的 


多谢!

#12


顶楼主。。
v587

#13


引用 5 楼 wkjames 的回复:
咋不打广告行么


如果引起您的不爽我很抱歉,坦诚的说,自己花长时间作出的东西,真心希望广而告之;

也同样真心的说,自己开发的这个LIVEditor网页设计编辑器,真的挺方便顺手的, 暂时市面上还真没有同样的设计-也就是说在一个 简洁快速的软件里面同时 集成一下三者:
 - 代码编辑器;
 - 符合标准(和谷歌浏览器同一个渲染引擎)的,支持实时预览的浏览器;
 - 类Firebug的html inspector(点击一个DOM节点就列出对应的css样式,再点击跳到对应源代码)。

小小自豪一下 ,有个老外来信说:
LOVE the idea! Been looking for something like this since AGES。
翻译:强烈喜欢这个创意!长久以来一直在找这样的软件!

#14


引用 13 楼 u010738404 的回复:
Quote: 引用 5 楼 wkjames 的回复:

咋不打广告行么


如果引起您的不爽我很抱歉,坦诚的说,自己花长时间作出的东西,真心希望广而告之;

也同样真心的说,自己开发的这个LIVEditor网页设计编辑器,真的挺方便顺手的, 暂时市面上还真没有同样的设计-也就是说在一个 简洁快速的软件里面同时 集成一下三者:
 - 代码编辑器;
 - 符合标准(和谷歌浏览器同一个渲染引擎)的,支持实时预览的浏览器;
 - 类Firebug的html inspector(点击一个DOM节点就列出对应的css样式,再点击跳到对应源代码)。

小小自豪一下 ,有个老外来信说:
LOVE the idea! Been looking for something like this since AGES。
翻译:强烈喜欢这个创意!长久以来一直在找这样的软件!
能不收费么?

#15


这个貌似 谷歌浏览器加个修改回写插件就可以了

#16


引用
能不收费么?


抱歉,暂时没有这样的计划,一方面,LIVEditor软件本身的发展需要支持(比如购买正版Delphi,正版开发库等),另一方面,作为独立的软件作者,我也有一家老少需要支持,希望您能理解。

目前LIVEditor的单价,可能相当于一个程序员或者设计师一两天的工资吧,我认为LIVEditor所带来的效率提高及便利快感效益远远不值这个价格。

按照目前这个面向国际的定价,有些朋友可能会觉得有点小贵(这些年买的软件开发库什么的很多都是几百美金,所以我是能理解的),那么请发邮件或通过 LIVEditor网站联系,我会发个折扣码。

#17


引用 15 楼 KK3K2005 的回复:
这个貌似 谷歌浏览器加个修改回写插件就可以了

这是一个办法,LIVEditor则是在二进制层面集成这些优秀平台,至于那种方式更好,这个见仁见智吧,具体分析言之太烦,这里就不深入讨论了。

另外,上面说开发这个LIVEditor我自己也要购买正版开发工具(Delphi, 999.00美金),我贴上付款单的截屏,目的无它,防止大家误会存疑:

#18


就看你的言论感觉还挺不错的感觉,加油吧。。哈哈我现在也就用Dw,我觉得这个也挺不错的啦。。哈哈。
你倒不如能弄个检查代码兼容性的比如这个代码在Ie,火狐,谷歌等等的兼容性,不更好,这样(哈哈。。我不会弄那个兼容性,刚好可以满足我了哈哈~~)
或者弄成,这样(比如我写这段代码,应该还要加个清除浮动的,我没加,提示我。。。嗷嗷~感觉好智能赶脚。。)

#19


你这个不能说是面上没有,你不知道而已
早期的navigator就带editor,只是当年css什么的都没什么浏览器支持,改也只是改html而已
加上早年屏幕像素不高,同屏处理不太现实

我见过github上也有类似项目~

#20


  • [DIV/CSS] 用CSS和JS打造一个简单的图片编辑器
  • 制作一张简单的网页(HTML+CSS+JS) 【2】

推荐阅读
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 开发工具WebDeveloper1.1.8https:addons.mozilla.orgen-USfirefoxaddon60以工具栏的形式对网页的(X)HTML、脚本、多媒体、 ... [详细]
  • Thisquestionalreadyhasananswerhere:这个问题已经有了答案:HowcanIdisplayaJavaScriptobje ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • JavaScript中属性节点的类型及应用
    本文深入探讨了JavaScript中属性节点的不同类型及其在实际开发中的应用,帮助开发者更好地理解和处理HTML元素的属性。通过具体的案例和代码示例,我们将详细解析如何操作这些属性节点。 ... [详细]
  • 自 Node.js 6.3 版本起,调试功能已内置在核心模块中,无需额外安装 node-inspector 等工具。通过简单的命令即可启动调试模式,并利用 Chrome 浏览器进行高效的代码调试。 ... [详细]
  • 在跨浏览器开发中,一个常见的问题是关于如何在鼠标悬停时显示图片提示信息。本文深入探讨了 IE 浏览器对 IMG 元素 alt 属性的特殊处理,并提供了最佳实践建议。 ... [详细]
  • 本文探讨了如何利用HTML5和JavaScript在浏览器中进行本地文件的读取和写入操作,并介绍了获取本地文件路径的方法。HTML5提供了一系列API,使得这些操作变得更加简便和安全。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文旨在介绍一系列提升工作效率的浏览器插件和实用小工具,帮助用户在日常工作中更加便捷高效。内容由原作者授权发布。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 导读:今天编程笔记来给各位分享关于PHP的前端用什么工具的相关内容,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: ... [详细]
  • 首先,我有点像jQuerynoob和整个PHPnoob,所以如果这是一个愚蠢的问题,我感到很抱歉(尽管我已经搜索了Internet,尤其是这个网站的上下无法弄清我的意思.错了).另 ... [详细]
author-avatar
龍城灬任少
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有