webForumDet fria alternativet

contenteditable

4 svar · 281 visningar · startad av henrikjohansson

henrikjohanssonMedlem sedan maj 2000360 inlägg
#1

jag håller på med en liten editor

<div id="editor" contenteditable>

</div>

så har jag några DIV taggar i här.. då går de att markera och ändra storlek på.. går detta att förhindra?
samt går det att låsa så att de inte kan göra andra saker tex CTRL B som ger fetstil osv.

Kan givetvis parsa bort detta innan det sparas till databasen.. men det hade varit fint om det inte går att göra från första början.

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#2

I standardutförande så kan man inte ändra storlek på DIV:ar. Tror det är om du själv angett bredd/höjd för DIV:en som man kan ändra på den.

För att spärra CTRL+B så kan du skriva:

onKeyDown="if (event.ctrlKey && event.keyCode == 66) return false;"

OBS, Internet Explorer only kod.

henrikjohanssonMedlem sedan maj 2000360 inlägg
#3

det är för att jag har class="bluttanblaaa"
tar man bort det ur div taggen så går den inte att ändra storlek på.

Så därför skippar jag div helt och bygger det med h1, h2, h3 osv.
så skall det nog vara löst
ok.. då skall jag blocka snabbknappar med.

Detta är bara till en adminverktyg.. så det blir endast IE kompatibelt

Peter SMedlem sedan dec. 20025 483 inlägg
#4

Exempel:

<div id="editor" contenteditable="true">
    [b]<div contenteditable="false" unselectable="on"></div>[/b]
</div>

:)

henrikjohanssonMedlem sedan maj 2000360 inlägg
#5

åhoj!
det såg också ganska bra ut :)
men har precis gått över helt till h1-h6 som verkar fungera klockrent
:)

För det absolut lättaste sättet att göra en simpel sideditor för en (eller 2) administratörer som kan nada html måste väl vara att de får skriva text..
och istället för att få välja font, färg, storlek, align osv så kan de välja mellan 3 stilar typ 1 Rubrik, 2 underrubrik, 3 brödtext
så sköter jag allt med de csser jag kopplar på sedan.
Då borde det vara ganska enkelt och skapligt kraftfullt.
Får fixa så man kan lägga in bilder med float:right och left också.. så blir det nog perfekt

134 ms totalt · 3 externa anrop · v20260731065814-full.91fd2ad2
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)