Есть ли библиотека или пакет, чтобы показать в режиме реального времени редактировать в vuejs?

Есть ли библиотека или пакет, чтобы показать в режиме реального времени редактировать в vuejs?

06.01.2020 10:13:12 Просмотров 39 Источник

Я хочу показать свою часть кода в шаблоне vuejs, как показано ниже.

enter image description here

Итак, как я могу добавить показать какой-то кусок кода и также позволить пользователю в реальном времени редактировать там и выводить вывод выше.

У вопроса есть решение - Посмотреть?

Ответы - Есть ли библиотека или пакет, чтобы показать в режиме реального времени редактировать в vuejs? / Is there any library or package to show and real time edit in vuejs?

Hardik Raval

06.01.2020 10:39:28

Запустите следующий фрагмент! -- Введите что-то в текстовое поле, это изменит название соответственно.

new Vue({
  el:"#app",
  data:{
    title:"Hello!"
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>

<div class="alert alert-success" id="app" role="alert">
  <h4 class="alert-heading">{{ title }}</h4>
  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
  <hr>
  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
  
  Change Title : <input type="text" v-model="title">
  
</div>

https://stackoverflow.com/questions/59608037/is-there-any-library-or-package-to-show-and-real-time-edit-in-vuejs/59608311#comment105380395_59608311
Я думаю, что он хотел получить фрагмент кода, а не просто привязку данных
https://stackoverflow.com/questions/59608037/is-there-any-library-or-package-to-show-and-real-time-edit-in-vuejs/59608311#comment105383077_59608311
Это очень хорошая идея. но я ищу хорошее решение, которое действует как редактор. Например falcon-react.technext.it/components/avatar . здесь в фрагментах кода пользователи могут редактировать, удалять и добавлять некоторый код, который будет отображаться автоматически.
https://stackoverflow.com/questions/59608037/is-there-any-library-or-package-to-show-and-real-time-edit-in-vuejs/59608311#comment105389786_59608311
Я не думаю, что это вю.JS конкретное требование или потребность. Вы ищете инструмент, такой как Codepen или JsFiddle, который может воспроизводить вывод, когда вы вводите что-то в Редакторе.
Закрыть X