Отобразить раздел как сериализованный html в prismic nuxtjs - PullRequest
Новая
       20

Отобразить раздел как сериализованный html в prismic nuxtjs

0 голосов
/ 23 октября 2019

Я новичок в Prismic и пытался перетащить страницу, используя PrismicDOM.RichText.asText, и это сработало, но когда я попытался отобразить раздел / поле, используя asHtml, он отображает буквальный HTML-код. Поиск в документах и ​​попытка HTML Serializer , но все еще не работает. Может быть, я что-то пропустил. 

<script>
import Prismic from "prismic-javascript";
import PrismicConfig from "~/prismic.config.js";
import PrismicDOM from "prismic-dom";
import linkResolver from "~/plugins/link-resolver.js";
import htmlSerializer from "~/plugins/html-serializer.js";

export default {
  async asyncData({ context, error, req }) {
    try {
      const api = await Prismic.getApi(PrismicConfig.apiEndpoint, { req });

      let document = {};
      const result = await api.getSingle("homepage");
      document = result.data;
      const title = PrismicDOM.RichText.asText(document.title);
      const desc = PrismicDOM.RichText.asText(document.summary);
      const cta = PrismicDOM.RichText.asHtml(document.job_extra, linkResolver, htmlSerializer); //Display as Html

      if (process.client) window.prismic.setupEditButton();

      return {
        document,
        title,
        cta,
        desc,
        documentId: result.id
      };
    } catch (e) {
      error({ statusCode: 404, message: "Page not found" });
    }
  }
};
</script>
...