Edit delta object #530
ErickGonzalez01
started this conversation in
General
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
I am having problems editing a delta object which I request from my api, I can display the content without problems in the editor, the problem arises with the need to edit that same delta content, and used
<quill-editor v-model:content="contenido.contenido" contentType="delta" @ready="quill = $event"/>
following this stackoverflow example https://stackoverflow.com/questions/77073049/how-to-set-vue-quill-editor-delta-content-in-the-editor but I haven't had the expected result.
The following image shows the result obtained with the code shared above

any ideas to solve the problem?
This is my complete code of my vue
`<script setup>
import NavBar from "@/components/notas/NavBar.vue"
import {useRouter} from "vue-router";
import {UseURLBase} from "@/stores/url_base.js";
import {Usuario} from "@/stores/usuario.js";
import {ref, defineProps} from "vue"
import SpinerModal from "@/components/SpinerModal.vue";
const spiner = ref({
show: false,
info: "Cargando..."
})
const props = defineProps({
id: {
type: String,
required: true
}
})
const api = UseURLBase()
const endpoint = api.url+"/api/user/notes/"+props.id
const usuario = Usuario()
const router = useRouter()
const contenido = ref({
titulo: "",
contenido:null
})
const quill = ref(null)
const ql_show = ref(false)
async function load(){
spiner.value.show=true
const response = await fetch(endpoint,{
method: "GET",
headers: {
Authorization: "Bearer "+usuario.token
}
}).then((response)=>response.json())
}
load()
</script>
Beta Was this translation helpful? Give feedback.
All reactions