Очистка HTML-форматирования для лучшего предварительного вывода тега / HighlightJS - PullRequest
Новая
       9

Очистка HTML-форматирования для лучшего предварительного вывода тега / HighlightJS

0 голосов
/ 24 сентября 2018

работает с небольшой внутренней библиотекой компонентов, используя Vue.Я использую пакет обертки highlightjs vue, который хорош, но я хочу посмотреть, возможно ли получить лучший вывод без компромиссов на стороне редактирования.

В настоящее время он работает так, что у меня есть основной компоненткомпонент шаблона, который имеет несколько слотов имен, в том числе несколько для блоков кода. 

// component-template
<div class="component-codearea">
    <div class="component-codearea-title">CSS</div>
    <pre v-highlightjs><code class="css" v-remove><slot name="css"></slot>

В моем другом файле vue, который содержит это содержимое слота, мне в настоящее время приходится переносить кодзаблокируйте HTML-комментарии и выровняйте их по левому краю: 

<template>
    <component-template>

<template slot="css"><!--
-->.library\:btn {
    display: inline-block;
    appearance: none;
}
.library\:btn--001 {
    background-color: #cacaca;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
}<!--
--></template>

    </component-template>
</template>

Я действительно хочу правильно вложить именованный слот css, но, конечно, предварительный тег выводит дополнительные новые строки, все пробелы и т. д., которые выглядят ввывод.

Есть ли какой-нибудь JS, который я могу записать в фильтр vue для очистки пробелов и т. д.?

Спасибо.

...