4118
22606
我已经搜索了这个特定主题,却找不到与之类似的东西。如果有,请关闭它并提供链接。
我正在创建一个json数据api模拟器。我希望用户能够将json对象请求复制并粘贴到textarea中,在那里他们还可以在将其发送到服务器之前对其进行修改。
问题是json obj复制和修补经常导致多余的空间,并且即使使用pre标记也永远无法正确对齐。我还希望将良好的配色方案应用于键和值。
我见过插件,其他问题和代码片段,但它们不适用于文本可编辑的文本区域。是否可以在编辑模式下保持样式不变,而不显示所有样式化的html标签?我希望能够使用javascript或jquery从头开始编写它。 
语法突出显示很困难,但请查看此小提琴,以漂亮地打印在文本区域中输入的json对象。请注意,JSON必须有效才能起作用。 (使用开发控制台捕获错误。)检查jsLint以获取有效的json。
HTML: