Commit 249cb02c authored by schneider210's avatar schneider210
Browse files

Fix/text display rtl

parent d3ac5823
......@@ -359,6 +359,13 @@ It's a *JSON* object. So if you are going to make any changes and you have to qu
Defaults to `true`.
**rtl**
this option supports text to be displayed from right to left inside the text panel (e.g. arabic).
set this value to `false` if you want to disable it or rather if you want to display text which is read from left to right (e.g. english).
Defaults to `true`.
### b) Configure the Panels
In order to configure the panels, locate the `panels.js` file inside the `src/config` folder of your project dir and find the *panels* constant at the top of the file:
......
......@@ -37,16 +37,16 @@
<!-- FIXME: => 'v-html' directive can lead to XSS attack vue/no-v-html
Vue v1 supported triple braces to show html ({{{ ... }}}).
This has been considered deprecated and isn't available anymore.
Also Vue's directive "v-text" is considered deprecated (won't be available in v3).
It represents text *as is* anyways and therefor isn't an alternative, since it would show html tags in the text.
These have been considered deprecated and aren't available anymore as is Vue's directive "v-text".
The latter represents text *as is* anyways, e.g. it would show html tags in the text.
Atm there doesn't seem to be an alternative to "v-html" in regards to presenting xml/html.
-->
<div class="row">
<!-- eslint-disable -- https://eslint.vuejs.org/rules/no-v-html.html -->
<div
:class="['scroll-panel', config.rtl ? 'rtl-support' : '']"
:id="nodeid"
ref="contentsize"
class="scroll-panel"
v-html="content"
/>
</div>
......@@ -59,6 +59,10 @@ import { fasSearchPlus, fasSearchMinus } from '@quasar/extras/fontawesome-v5';
export default {
name: 'Content',
props: {
config: {
type: Object,
default: () => {},
},
contenturl: {
type: String,
default: () => '',
......@@ -134,3 +138,9 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.rtl-support {
direction: rtl;
}
</style>
......@@ -60,6 +60,7 @@
"language": true
}
},
"rtl": true,
"standalone": true
}
</script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment