首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

作者：龍城灬任少 | 来源：互联网 | 2023-05-17 22:17
大家好，我为自己开发了一个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】

推荐阅读
  • go

    POJ 2482 星空中的星星：利用线段树与扫描线算法解决

    POJ 2482 星空中的星星：利用线段树与扫描线算法解决
    在《POJ 2482 星空中的星星》问题中，通过运用线段树和扫描线算法，可以高效地解决星星在窗口内的计数问题。该方法不仅能够快速处理大规模数据，还能确保时间复杂度的最优性，适用于各种复杂的星空模拟场景。 ... [详细]
  • copy

    解决Bootstrap DataTable Ajax请求重复问题

    解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中，我们使用了JQuery DataTable进行数据展示，虽然使用起来非常方便，但在测试过程中发现了一个问题：当查询条件改变时，有时查询结果的数据不正确。通过FireBug调试发现，点击搜索按钮时，会发送两次Ajax请求，一次是原条件的请求，一次是新条件的请求。 ... [详细]
  • config

    如何安全地手动移除Exchange Server 2003以确保系统稳定性和数据完整性

    本文详细介绍了如何安全地手动卸载Exchange Server 2003，以确保系统的稳定性和数据的完整性。根据微软官方支持文档（https://support.microsoft.com/kb833396/zh-cn），在进行卸载操作前，需要特别注意备份重要数据，并遵循一系列严格的步骤，以避免对现有网络环境造成不利影响。此外，文章还提供了详细的故障排除指南，帮助管理员在遇到问题时能够迅速解决，确保整个卸载过程顺利进行。 ... [详细]
  • stream

    SoundPool

    如果应用程序经常播放密集、急促而又短暂的音效（如游戏音效）那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点：1)延时时间较长，且资源占用率高 ... [详细]
  • stream

    网络爬虫的规范与限制

    网络爬虫的规范与限制
    本文探讨了网络爬虫引发的问题及其解决方案，重点介绍了Robots协议的作用和使用方法，旨在为网络爬虫的合理使用提供指导。 ... [详细]
  • post

    微信公众号推送模板40036问题

    微信公众号推送模板40036问题
    返回码错误码描述说明40001invalidcredential不合法的调用凭证40002invalidgrant_type不合法的grant_type40003invalidop ... [详细]
  • post

    解决 video.js 切换视频时播放错误的问题

    本文介绍了在使用 video.js 进行视频切换时遇到的播放错误，并提供了详细的解决方案。 ... [详细]
  • controller

    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统

    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享：使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • go

    Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨

    在《Cocos2d-x学习笔记：基础概念解析与内存管理机制深入探讨》中，详细介绍了Cocos2d-x的基础概念，并深入分析了其内存管理机制。特别是针对Boost库引入的智能指针管理方法进行了详细的讲解，例如在处理鱼的运动过程中，可以通过编写自定义函数来动态计算角度变化，利用CallFunc回调机制实现高效的游戏逻辑控制。此外，文章还探讨了如何通过智能指针优化资源管理和避免内存泄漏，为开发者提供了实用的编程技巧和最佳实践。 ... [详细]
  • go

    通过CSS实现链接下划线的个性化定制与美化技巧

    本文详细介绍了如何利用CSS技术对链接下划线进行个性化定制和美化，涵盖了多种实用技巧和方法。通过对CSS属性的灵活运用，可以实现不同风格的下划线效果，提升网页的视觉体验。文中不仅提供了基础的代码示例，还结合实际案例进行了深入解析，帮助读者更好地理解和应用这些技巧。此外，文章还引用了《CSS2.0中文手册》中的相关内容，增加了技术的权威性和实用性。 ... [详细]
  • controller

    Web开发框架概览：Java与JavaScript技术及框架综述

    Web开发框架概览：Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端，Java是一种优秀的编程语言，适用于构建各种功能模块，如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示，同时借助JavaScript增强交互性和动态效果。此外，现代Web开发还广泛使用各种框架和库，如Spring Boot、React和Vue.js，以提高开发效率和应用性能。 ... [详细]
  • java

    【整理】JavaScript中DOM操作全面解析与实践指南

    本文全面解析了JavaScript中的DOM操作，并提供了详细的实践指南。DOM节点（Node）通常代表一个标签、文本或HTML属性，每个节点都具有一个nodeType属性，用于标识其类型。文章深入探讨了DOM节点的创建、查询、修改和删除等操作，结合实际案例，帮助读者更好地理解和掌握DOM编程技术。 ... [详细]
  • stream

    CTF竞赛中文件上传技巧与安全绕过方法深入解析

    CTF竞赛中文件上传技巧与安全绕过方法深入解析
    CTF竞赛中文件上传技巧与安全绕过方法深入解析 ... [详细]
  • copy

    JavaScript XML操作实用工具类：XmlUtilsJS技巧与应用

    JavaScript XML操作实用工具类：XmlUtilsJS技巧与应用 ... [详细]
  • go

    汽车电子架构与CAN网络基础解析——鉴源实验室专业解读

    汽车电子架构与CAN网络基础解析——鉴源实验室专业解读 ... [详细]
author-avatar
龍城灬任少
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有