Web 富文本编辑器如何做到让用户添加商品到编辑器里，用户不能够修改商品的价格之类的，用户能够快速的只按一次删除键即可把刚刚添加的商品删除

[qianleilei]

场景是用户写一篇文章，在文章中不断的插入一些商品。

现在想到的方案是

1. 利用图片作为一个商品，然后插入到编辑器里，用户按删除键也只是删除一个图片，这样用户预览到的内容和实际的没有太大的差别，用户体验会好一点。

2. 利用一些占位符，类似BBCODE标识出这是一个商品，然后在实际的生成的页面中替换成模板。

我希望的是用户插入什么，生成的页面就是什么。不用做替换操作。这个问题是插入了复杂的标签结构，用户删除不方便，而且可以篡改数据。

总觉得在富文本编辑器做之类的操作比较蛋疼，有没有什么别的好的方案。

[L42y]

contenteditable: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable

[loading]

您说的是修改购物车的css，让它看上去像编辑器？

也许 emacs 就行，咖啡都能煮的系统。