fix(NodeViewContent): Don't set white-space: pre-wrap

Fixes: #4602

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

src/nodes/Callout.vue

@@ -30,7 +30,8 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
+import { NodeViewWrapper } from '@tiptap/vue-2'
+import NodeViewContent from './NodeViewContent.js'
 import { Positive, Warn, Danger, Info } from '../components/icons.js'
 
 const ICONS_MAP = {

src/nodes/Heading/HeadingView.vue

@@ -34,7 +34,8 @@
 
 <script>
 import Vue from 'vue'
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
+import { NodeViewWrapper } from '@tiptap/vue-2'
+import NodeViewContent from '../NodeViewContent.js'
 import { useEditorMixin } from '../../components/Editor.provider.js'
 
 export default Vue.extend({

src/nodes/NodeViewContent.js

@@ -0,0 +1,20 @@
+import Vue from 'vue'
+
+const NodeViewContent = Vue.extend({
+	props: {
+		as: {
+			type: String,
+			default: 'div',
+		},
+	},
+
+	render(createElement) {
+		return createElement(this.as, {
+			attrs: {
+				'data-node-view-content': '',
+			},
+		})
+	},
+})
+
+export default NodeViewContent

src/nodes/ParagraphView.vue

@@ -31,10 +31,11 @@
 </template>
 
 <script>
-import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue-2'
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-2'
 import { getCurrentUser } from '@nextcloud/auth'
 import { NcReferenceList } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import debounce from 'debounce'
+import NodeViewContent from './NodeViewContent.js'
 
 export default {
 	name: 'ParagraphView',

src/nodes/Table/TableCellView.vue

@@ -56,8 +56,9 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
+import { NodeViewWrapper } from '@tiptap/vue-2'
 import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NodeViewContent from '../NodeViewContent.js'
 import { TableAddRowBefore, TableAddRowAfter, Delete } from '../../components/icons.js'
 
 export default {

src/nodes/Table/TableHeaderView.vue

@@ -80,8 +80,9 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
+import { NodeViewWrapper } from '@tiptap/vue-2'
 import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NodeViewContent from '../NodeViewContent.js'
 import InlineActionsContainer from '../../components/InlineActionsContainer.vue'
 import {
 	AlignHorizontalCenter,

src/nodes/Table/TableView.vue

@@ -44,8 +44,9 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
+import { NodeViewWrapper } from '@tiptap/vue-2'
 import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NodeViewContent from '../NodeViewContent.js'
 import { TableSettings, Delete } from '../../components/icons.js'
 
 export default {