一个文本域A,可以让用户输入任意文本内容;
一组标签/宏,用户通过点击或者拖拽,可以插入文本域A中的光标位置;
一个文本域B,可以同步预览A中的内容(因为A中有插入标签/宏,可以同步转换)
示例:
用户在A中输入:亲爱的客户姓名,你于申请时间通过申请方式提交了申请事项。
其中客户姓名
,申请时间
,申请方式
,申请事项
为标签/宏,是一个单独的label,中间无法插入。类似于淘宝、京东的搜索标签一样,右上方有个小x,可以随意去掉或者插入。
B中提供预览效果:亲爱的张三,你于2014年11月21日通过网上交易提交了认购申请。
标签/宏可以做一个mapping来达到预览的效果,但是文本A中插入和拖拽标签/宏,感觉还没有清晰的思路。本来打算通过iframe的方式嵌入div,label之类的,后来感觉太繁琐。
特来求助万能的v2ex,有没有类似的前端组件可以分享一下?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.