编辑时无法直接输入中文，要先输入拼音，再点击空格才输入中文。

code模型下，怎么调整编辑器的高度呢

Currently, when using vue-json-editor together with tailwind < 2, the tailwind spin animation is replaced by the spin animation from vue-json-editor, or to be more specific, from the animation defined by the json-editor dependency. I already renamed the spin animation in json-editor and a new version 9.4.0 has been released with the fix. Could you consume this version to avoid the collissions?

Here's the (already merged) PR:
josdejong/jsoneditor#1333

And the fix has been published in this version:
https://github.com/josdejong/jsoneditor/releases/tag/v9.4.2

pretty much unuseable as is

Unable to change the value of items in safari. Works in chrome but text cursor doesn't appear in safari

props: ['value', 'showBtns',"mode","modes"]只有这几个，但是json-editor好像有丰富的API

Demo:

I tried to fix it here: #34 but that had unintended side-effects.

Thank You for this component, it's very helpful!

The built-in ace editor does syntax validation of JSON:

It would be great if these could be raised as events from the vue-json-editor component. That way, I could attach event handlers, maybe disable saving, etc...

I'm using this tool to view and edit data in my vuejs pages. Especially I test a form that is describe by a JSON object and there is nested properties that represent fields. I realized that the object in the component was not modified by exterior fields on nested properties.

In component's code, there is a watcher that watch the input value only on root properties.

/* vue-json-editor.vue */
 watch: {
      value: function (newValue) {
        if (!this.internalChange) {
          this.editor.set(newValue)
        }
      }
    }

I think it's necessary to watch the whole object with this nested properties.

In Vue 2.5.13 (在Vue 2.5.13 中使用时)：

<vue-json-editor v-model="json" :showBtns="false"></vue-json-editor>

Vue tip: Prop "showbtns" is passed to component and button is always show.(当使用驼峰写法的时候，showBtns 无效)

The right way:(使用-的时候是有效的)

<vue-json-editor v-model="json" :show-btns="false"></vue-json-editor>

https://codesandbox.io/s/tender-poincare-1w70r

I've installed npm package in my vue app.
My Code:

<vue-json-editor v-model="$store.state.content" :showBtns="false" @json-change="onJsonChange"></vue-json-editor>

<script>
  import vueJsonEditor from 'vue-json-editor'
  export default {
    name:'json-viewer',
    data: () => ({
        json : {}
    }),
    components: {
      vueJsonEditor
    },
    methods: {
      onJsonChange (value) {
          this.$store.state.content = value
      }
    }
  }
</script>

hi.
i want remove toolbar when mode is view?
what should I do?

输入的JSON为 {
"cc": "cc",
"aa": "aa"
}

获取的数据为{
"aa": "aa",
"cc": "cc"
}

避免误操作，或者权限的问题，有的时候是不能编辑的，这种需求怎么处理啊

`在vue3.0中v-model绑定数据失效，通过:value直接绑定却可以。
template>

json5使用普遍，希望能支持

I am making an extractor. When I successfully extract the json content, the result will be passed to the editor on the right. When the editor on the right is in text mode, an error will be reported. When it is in other modes, no error will be reported.

online: http://8.134.174.223:3000/tools/jsonpath

请问有没有压缩版，可以在vue项目中利用外部引入的方式调用？
基于vue-cli搭建的项目，利用webpack-bundle-analyzer分析vue-json-editor占用的空间很大，这样会很影响加载速度，请问有没有外部外部调用的压缩版

The browser throws

vue-json-editor.vue:17

   Uncaught (in promise) SyntaxError: The requested module '/node_modules/vue-json-editor/assets/jsoneditor.js' does not provide an export named 'default'

The length of the value of the input JSON data exceeds 16 bits, and the precision of the returned JSON data will be lost
eg:
entry:
{
"id": 368888988598998998
}
output:
{
id: 368888988598999000
}

I'm trying to use this great editor with vue3 in my project, using the simplest example from here.

It come out with error:
vue-json-editor.vue:17 Uncaught SyntaxError: The requested module '/node_modules/vue-json-editor/assets/jsoneditor.js' does not provide an export named 'default'

Can I use this editor in vue3? Then how?

'pushScopeId' is not exported by node_modules/vue-json-editor/node_modules/vue/dist/vue.runtime.esm.js, imported by node_modules/vue-json-editor/vue-json-editor.vue

error:
vue.esm.js?a026:591 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "modes"
原因是：源码中当不传入lang mode modes时会走：
if (this.mode === undefined) this.mode = defaultMode;
if (this.modes === undefined) this.modes = defaultModes;
if (this.lang === undefined) this.lang = 'en';这个逻辑
这样会修改prop从而报错，
建议默认值采用 lang {
type: String,
default: 'en'
},这种方式设定默认值，从而避免报错

编辑**时，有重影问题；

When you enter Chinese in 'Code' mode, there will be a shadow and you can't type it, only the letters will appear. The next time you type it, there will be a double shadow and it will carry the Chinese that should have appeared last time

can I set option readonly for the editor?

npm上能提供一个打包后的包么？main里面写.vue是否合理呢？

I've started employing your JSON editor for a form page at my work (Super helpful btw!) that is already packed with inputs. Is there any way you can add a prop to automatically collapse all fields by default? I had expected expandedOnStart="false" to do this for me, but that doesn't seem to be the case...

举例子：
| :代表光标
正常情况下，鼠标点击末尾，是这样的
00000|
现在
000|00
本来在最后一位，到了第四位，光标偏移了

@input or @json-change does not work if you delete everything from the field.
These events only work if you delete data inside {}

VM105:13403 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'unsafe-eval' 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-5L/i20KYvcBJFMYOVraZ3Ax915V4wGVT7oZhOeIT4gk='), or a nonce ('nonce-...') is required to enable inline execution.

看到错误的时候走了onError的回调，但是拿不到文本，我的目的是要拿到那个文本，或者能允许输入非json格式的string也可以。

当vue-json-editor在tab组件中的第二个tab时（tab默认显示第一个），在第一个tab里面改变vue-json-editor绑定变量的值时，点击第二个tab，这个vue-json-editor显示的内容不会刷新，需要点击里面的内容才会刷新数据

i try to use it in my vuecomponent but i find that i missed some of css style ,is that i have to import something else?

怎么使用保存按钮？让保存按钮执行自定义事件

http://t.csdnimg.cn/smwEO

我尝试将 style="height: 100%", 但是好像没有作用？在开发者控制台调试，需要同时将.jsoneditor-vue这个样式的控件高度调成100%才行，我的代码如下：

<vue-json-editor v-model="json" mode="code" :showBtns="false" @json-change="onJsonChange" style="height: 100%">

https://github.com/dirkliu/vue-json-editor/blob/master/vue-json-editor.vue#L82