Fix for preview single field. Added MD to HTML converter.

This commit is contained in:
Jason Snelders 2019-11-16 18:58:11 +11:00
parent 6c8cd51bdb
commit 243b48be8e
3 changed files with 8165 additions and 6 deletions

View File

@ -63,7 +63,11 @@ Vue.component("preview-field", {
if (this.displayFormat == "multi-line") if (this.displayFormat == "multi-line")
{ {
return this.replaceLineBreaks(this.value); var md = window.markdownit();
var result = md.render(this.value);
return result;
//return this.replaceLineBreaks(this.value);
} }
if (this.displayFormat == "image") if (this.displayFormat == "image")

View File

@ -1021,7 +1021,7 @@
<template type="text/x-template" id="preview-single-field-template" lang="html"> <template type="text/x-template" id="preview-single-field-template" lang="html">
<div id="preview-single-field-root"> <div id="preview-single-field-root">
<div class="w3-row w3-margin-bottom" v-if="displayFormat == '' || displayFormat == 'url' || displayFormat == 'email' || displayFormat == 'phone'"> <div class="w3-row w3-margin-bottom" v-if="displayFormat == '' || displayFormat == 'url' || displayFormat == 'multi-line' || displayFormat == 'email' || displayFormat == 'phone' || displayFormat == 'date'">
<div class="w3-col m3"> <div class="w3-col m3">
<span v-html="getLabel()"></span> <span v-html="getLabel()"></span>
</div> </div>
@ -1034,14 +1034,13 @@
<span v-html="getValue()"></span> <span v-html="getValue()"></span>
</span> </span>
<span class="w3-row w3-margin-bottom" v-if="displayFormat == 'image'"> <div class="w3-row w3-margin-bottom" v-if="displayFormat == 'image'">
<div class="w3-col m3"> <div class="w3-col m3">
<span v-html="getLabel()"></span> <span v-html="getLabel()"></span>
</div> </div>
<div class="w3-col m9"> <div class="w3-col m9"v-html="getValue()">
<span v-html="getValue()"></span>
</div> </div>
</span> </div>
</div> </div>
</template> </template>
@ -1145,6 +1144,8 @@
<script type="text/javascript" src="vendor/vue.2.6.10.js"></script> <script type="text/javascript" src="vendor/vue.2.6.10.js"></script>
<script type="text/javascript" src="vendor/vue-router.3.1.3.js"></script> <script type="text/javascript" src="vendor/vue-router.3.1.3.js"></script>
<script type="text/javascript" src="vendor/markdown-it-10.0.0.js"></script>
<script type="text/javascript" src="app/page_registration.js"></script> <script type="text/javascript" src="app/page_registration.js"></script>
<script type="text/javascript" src="components/home.js"></script> <script type="text/javascript" src="components/home.js"></script>
<script type="text/javascript" src="components/section_basics.js"></script> <script type="text/javascript" src="components/section_basics.js"></script>

8154
vendor/markdown-it-10.0.0.js vendored Normal file

File diff suppressed because one or more lines are too long