0

Подключил tinymce к vue.js код шаблон:

<editor :name="name"
        :api-key="tinymceconfig.config.apikey"
        :init="tinymceconfig.config"
        v-if="tinymceconfig"
        v-model="value"
    >
</editor>

код скрипта:

export default {
    props: {
        initialValue: {},
        name: {}
    },
    data() {
        return {
            tinymceconfig: null,
            value: this.initialValue
        }
    },

    methods: {
        loadInitialData() {
            axios.get('/tinymci/load').then((response) => {
                this.tinymceconfig = response.data.tinymceconfig;
            }).catch((error) => console.log(error));
        }
    },
    components: {
        'editor': Editor
    },
    mounted() {
        this.loadInitialData();
    },
}

В шаблон, передаю данные с сервера через :props Все работает нормально, НО как только я сохраняю что-то вроде этого <p><span style="color: #545b62; font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 14px; letter-spacing: 0.7px; background-color: #ffffff;">- 8 images maximum</span></p> При выводе падает темплэйт. Как исправить эту ошибку? Я так понимаю, что нужно экранировать, пробовал добавлять через v-html но не работает.

5
  • Попробуйте обернуть Вашу строку в обратыне кавычки ``
    – Dmytro
    5 мар 2019 в 8:04
  • Вставил, обертывание, не помогает 5 мар 2019 в 8:11
  • Эту строку Вы в v-model передаете?
    – Dmytro
    5 мар 2019 в 8:35
  • @Дмытрык да в модели 5 мар 2019 в 10:57
  • Наверное, нужно смотреть доки модуля. Может с приходящими настройками что-то не то. Почему у Вас initialValue - объект, а передаете строку?
    – Dmytro
    5 мар 2019 в 11:14

1 ответ 1

0

С бэка нужно просто передавать данные не так {{ }}, а так - {!! !!}. поменял способ вывода переменных - заработало.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.