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
![image](https://private-user-images.githubusercontent.com/79130205/316220376-ce955212-1378-49d5-b62c-88882d4d42dd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0ODE4MDIsIm5iZiI6MTczOTQ4MTUwMiwicGF0aCI6Ii83OTEzMDIwNS8zMTYyMjAzNzYtY2U5NTUyMTItMTM3OC00OWQ1LWI2MmMtODg4ODJkNGQ0MmRkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDIxMTgyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRmZDU2YTBhMmRjZTM5NjQzMzBhNjZiYzczYzk2OTMxMzAwNmRlYzkzYjcyZDBiMTY3NmFhYTg1MTM3NmY4N2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.K_fjLtD7rP2XMzKFpzmCdWajLsFGKfSWG5Q5rq1hI2s)
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