search

chmln / vue-wysiwyg

A lightweight WYSIWYG HTML editor for Vue.js
https://chmln.github.io/vue-wysiwyg/
MIT License
557 stars 136 forks source link

How to set width in different devices with Bootstrap ? #99

Open PetroGromovo opened 5 years ago

PetroGromovo commented 5 years ago

Hello, Working with Laravel 5.7 / Vuejs 2.6 / Vuex 3.1/ Bootstrap 4.3 I installed "vue-wysiwyg": "^1.7.2" into backend part of my site. It works ok, but I am interested is there a way to layout in for different devices. I wean set width according to device width and automatic height?

Thanks!

PetroGromovo commented 5 years ago

Searching for valid decision , I try a wrapper, like :

            <div style=" width:300px; height:300px; border: 2px dotted green;"  >
                <wysiwyg
                    v-model="userRow.notes"
                />
            </div>

But it does not look as I expected : https://prnt.sc/nxzqdl as editor is stretched to other page controls. Any ide how to set with/height for this control, even with JS code? I would set it programmatically...