摘要： 接下来几篇作文，会介绍用到的输入框系列，今天会介绍组普通的调用方式，因为RXEditor要求复杂的输入功能，后面的例子会用VUE的component动态调用，就没有今天的这么直观了，控件的实现原理都一样，只是调用方式的区别，今天的例子的调用代码为了写作文特殊制作的，写完作文还要恢复回去。开关控件（S 阅读全文

摘要： RXEdior预设会有文件管理功能，但是灵活性需求不大，目前的设想是文件夹不允许修改，只允许增删改文件。基于这样的设想，把界面实现成这个效果： 这个功能并不是一个通用功能，并且我们做的代码，也没有按照类库的标准要求，这种编辑功能实现有些复杂，用了大量的js事件，代码不是很容易读。后期这个功能可能会有 阅读全文

摘要： 本次介绍的内容，稍稍复杂了一点，用VUE实现树形结构。目前这个属性结构还没有编辑功能，仅仅是展示。明天再开一篇文章，介绍如何增加编辑功能，标题都想好了。先看今天的展示效果： 构建树必须用到递归，使用slot这种直观明了的方式，已经行不通了。只能通过属性参数，传递一个树形的数据结构给组件，传入的数据结 阅读全文

摘要： 这次介绍的控件相对比较简单，鼠标悬停时显示弹出内容，效果如下： 为了增加灵活性，用slot实现，调用时的代码： <MouseOverPop class="toolbox-element"> <template #heading> <div class="element-title"> 服务 </di 阅读全文

摘要： 作为一个有目标的人（目标是做一个好用的Bootstrap可视化编辑器，第一个版本已经实现，演示地址：https://vular.cn/rxeditor/，代码地址：https://github.com/vularsoft/rxeditor），工作比较积极，思维也比较活跃，睡眠相对较少。今早6:30就 阅读全文

摘要： 昨天做的tabs窗口，非常满意，今天乘胜追击，把它做成了可以根据自身大小改变显示样式，自身宽度过小时，tab页可以浮动停靠其一侧。具体效果：左侧 右侧 向来喜欢简单明了的东西，所以想实现的简单一点，无奈现实不允许啊，功能实在有一丢丢复杂。硬着头皮搞了整整一下午，终于完成。左侧跟右侧窗口，要使用同一个 阅读全文

摘要： RXEditor的第一版本是英文版，有些朋友看起来觉得不习惯，后来因为惰性，不愿意再修改旧代码加入中文版，这次提前就把这个问题解决了，克服惰性最好的方式，就是想到就尽快去做，避免拖延。 本来计划在界面的右上角，做一个下拉菜单选择语言。下拉菜单的工作量稍稍有些大，并且很少有随时切换界面语言的需求。最终 阅读全文

摘要： 作为RXEditor的主界面，Studio UI要使用大量的选项卡TAB切换，我梦想的TAB切换是可以自由填充内容的。可惜自己不会实现，只好在网上搜索一下，就跟现在你做的一样，看看有没有好事者实现了类似功能，并分享了出来，百度到的结果不甚理想，他们大都是一个控件通过传入对象数据实现的，扩展性差，不能 阅读全文

摘要： 近期改版RXEditor，把改版过程，用到的技术点，记录下来。昨天完成了静态页面的制作，制作过程并未详细记录，后期已经不愿再补了，有些遗憾。不过工作成果完整保留在github上，地址：https://github.com/vularsoft/studio-ui 这个项目下面的html-demo.ht 阅读全文

摘要： 由于要改版前几天做的HTML编辑器，编辑器页面重新设计了一下，整个界面全部用flex box实现： 可能有的朋友会有类似需求，就把纯静态html和CSS发布到github上了，在这个项目下面： https://github.com/vularsoft/studio-ui 里面的html-demo.h 阅读全文