groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-15 22:01:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

support rich text book descriptions

Browse source
This commit is contained in:
MxMarx 2023-10-02 15:36:44 -07:00
parent ed82a5aa19
commit 082a1e5bca
10 changed files with 47 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

7
client/components/ui/VueTrix.vue
View file

@ -1,6 +1,6 @@
<template>
<div>
<trix-editor :contenteditable="!disabledEditor" :class="['trix-content']" ref="trix" :input="computedId" :placeholder="placeholder" @trix-change="handleContentChange" @trix-initialize="handleInitialize" @trix-focus="processTrixFocus" @trix-blur="processTrixBlur" />
<trix-editor :contenteditable="!disabledEditor" :class="['trix-content', editorClasses]" ref="trix" :input="computedId" :placeholder="placeholder" @trix-change="handleContentChange" @trix-initialize="handleInitialize" @trix-focus="processTrixFocus" @trix-blur="processTrixBlur" />
<input type="hidden" :name="inputName" :id="computedId" :value="editorContent" />
</div>
</template>
@ -21,6 +21,7 @@ export default {
event: 'update'
},
props: {
editorClasses: String, // classes to apply to the editor but not the toolbar
/**
* This prop will put the editor in read-only mode
*/
@ -224,12 +225,12 @@ export default {
/** Disable toolbar and editor by pointer events styling */
if (editorState) {
this.$refs.trix.toolbarElement.style['pointer-events'] = 'none'
this.$refs.trix.toolbarElement.style['display'] = 'none'
this.$refs.trix.contentEditable = false
this.$refs.trix.style['background'] = '#e9ecef'
} else {
this.$refs.trix.toolbarElement.style['pointer-events'] = 'unset'
this.$refs.trix.toolbarElement.style['display'] = 'block'
this.$refs.trix.style['pointer-events'] = 'unset'
this.$refs.trix.style['background'] = 'transparent'
}
},
overrideConfig(config) {