2012-07-07 5 views
6

Ho bisogno che l'editor Aloha venga bloccato in una posizione specifica anziché rimbalzare su tutta la pagina.Come posso correggere Aloha HTML5 Editor in una posizione specifica nella pagina?

Esiste un'opzione di configurazione per questo? C'è un'opzione "aggiungi" per configurare Aloha ma non riesco a capire come applicare o anche se risolverebbe il mio problema ...

Aperto anche a hack per ignorare la posizione se non c'è una configurazione opzione.

risposta

3

Il configuration indica che si utilizza un ' "elemento" per specificare l'id dell'elemento da aggiungere a:

behaviour: 'float', // 'float' (default), 'topalign', 'append' 
element: 'my-html-element-id', // use with 'append' behaviour option: HTML DOM ID of the element the FM should get the position from 

Inoltre, utilizzare le altre opzioni come trascinabili: false e pin: false .

Se ciò non funziona, aprire bugreport.

+0

ho cercato quelle impostazioni ma purtroppo non sembrano influenzare la visualizzazione dell'editor. – jumpfightgo

+0

In effetti, nessuna modifica apportata al menu di Aloha.settings.floating viene rispettata ... le modifiche apportate tramite Aloha.settings.sidebar vengono applicate ad esempio ma Aloha.settings.floatingmenu non sembra fare nulla ... – jumpfightgo

+0

inviato bugreport qui, fyi: https://github.com/alohaeditor/Aloha-Editor/issues/584 – jumpfightgo

0
var toolbar = $('.aloha-toolbar'); 
// make the toolbar extend to 100% of the div. 
toolbar.css({'width': '100%', 'height': '100%', }); 
// ADDS THE ALOHA EDITOR TO A DIV! 
$('#alohaContainer').append(toolbar); 
// Renders the toolbar to the screen    
UiPlugin.showToolbar(); 
// The child element must also be resized, don't know why 
toolbar.children().css({'width': '100%', 'height': '100%'}); 
Problemi correlati