首页    技术博客    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】

推荐阅读
  • cookie

    Android实战——jsoup实现网络爬虫，糗事百科项目的起步

    Android实战——jsoup实现网络爬虫，糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法，以糗事百科项目为例。对于初学者来说，数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据，并以糗事百科作为练手项目。同时，提到了使用jsoup需要结合前端基础知识，以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • require

    Webpack5内置处理图片资源的配置方法

    Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中，我们需要使用file-loader和url-loader来处理图片资源，但是在Webpack5中，这两个Loader的功能已经被内置到Webpack中，我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法，如匹配不同类型的图片文件、设置输出路径等。通过本文的学习，读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • require

    Android中高级面试必知必会，积累总结

    Android中高级面试必知必会，积累总结
    本文介绍了Android中高级面试的必知必会内容，并总结了相关经验。文章指出，如今的Android市场对开发人员的要求更高，需要更专业的人才。同时，文章还给出了针对Android岗位的职责和要求，并提供了简历突出的建议。 ... [详细]
  • require

    OC学习笔记之@property和@synthesize

    本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • fetch

    sklearn数据集库中的常用数据集类型介绍

    sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型，包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集，包含了波士顿506处房屋的13种不同特征以及房屋价格，适用于回归任务。 ... [详细]
  • sum

    第8章 使用外部和内部链接

    第8章 使用外部和内部链接
    8.1使用web地址LearnAboutafricanelephants. ... [详细]
  • sum

    初探PLC 的ST 语言转换成C++ 的方法

    初探PLC 的ST 语言转换成C++ 的方法
    自动控制软件绕不开ST（StructureText）语言。它是IEC61131-3标准中唯一的一个高级语言。目前，大多数PLC产品支持ST ... [详细]
  • cookie

    凡客诚品官方网站的前端改进建议

    凡客诚品官方网站的前端改进建议
    打开http:www.vancl.com发现采用的Asp.net，这点我感到很欣慰，毕竟国内采用.net技术体系的优秀网站少之又少。好奇之余右键-查看源 ... [详细]
  • cookie

    【机器学习】生成式对抗网络模型综述

    生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型，可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • usb

    [译]技术公司十年经验的职场生涯回顾

    [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同，令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望，认为人类有能力不断改善自己。 ... [详细]
  • usb

    Java中闭包的争论以及闭包的定义和特性

    闭包一直是Java社区中争论不断的话题，很多语言都支持闭包这个语言特性，闭包定义了一个依赖于外部环境的自由变量的函数，这个函数能够访问外部环境的变量。本文以JavaScript的一个闭包为例，介绍了闭包的定义和特性。 ... [详细]
  • usb

    GPT-3发布，动动手指就能自动生成代码的神器来了！

    GPT-3发布，动动手指就能自动生成代码的神器来了！
    近日，OpenAI发布了最新的NLP模型GPT-3，该模型在GitHub趋势榜上名列前茅。GPT-3使用的数据集容量达到45TB，参数个数高达1750亿，训练好的模型需要700G的硬盘空间来存储。一位开发者根据GPT-3模型上线了一个名为debuid的网站，用户只需用英语描述需求，前端代码就能自动生成。这个神奇的功能让许多程序员感到惊讶。去年，OpenAI在与世界冠军OG战队的表演赛中展示了他们的强化学习模型，在限定条件下以2:0完胜人类冠军。 ... [详细]
  • usb

    SpringBoot整合SpringSecurity+JWT实现单点登录

    SpringBoot整合SpringSecurity+JWT实现单点登录
    SpringBoot整合SpringSecurity+JWT实现单点登录,Go语言社区,Golang程序员人脉社 ... [详细]
  • usb

    JavaScript与DOM（上）——也适用于新手 – 深入理解JavaScript系列 23

    JavaScript与DOM（上）——也适用于新手 – 深入理解JavaScript系列 23
    本文是《JavaScript深度解析》系列文章第23篇(共51篇）文档对象模 ... [详细]
  • sum

    采集程序【开源项目】

    采集程序【开源项目】
    更新：通过一些朋友的回复，了解到，可能文章太长了，有朋友只是简略浏览，所以还没有明白程序工作流程。简单介绍&# ... [详细]
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社区 版权所有