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
-
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