execCommand i problem z FontName

Question

Tworzę właśnie swój edytor tekstu i wszystko szło dobrze dopóki nie zaciąłem się na zmianie czcionek. Mam kod

<div class="font_menu_choice"><span style="font-family: Arial" onclick="SetFont('Arial')">Arial</span></div>

function SetFont(fontName) 
{
document.execCommand("fontName", false, fontName);  
}

i to nie działa. Nie mam też żadnego błędu w konsoli. Co jest nie tak? Istnieje jakiś sposób by zmieniać czcionkę inną funkcją?

Answer 1

Nie możesz w tej funkcji po prostu doczepiać klasy, która będzie odpowiednio ustawiać czcionkę w danym elemencie?

Comments

Ale ja chcę mieć możliwość zmiany czcionki dla określonej części tekstu a nie dla całego pola do pisania.

---

Wobec nadaj tagom <span> odpowiednie klasy i stylizuj za ich pomocą.

---

Czyli mam do obecnej treści "dodawać" <span style="font-family: Arial"> ?

---

Nie dodawaj stylów bezpośrednio do HTML. Ustal sobie klasy, które będą miały opisane wielkości/kolory/rodzaje czcionek. Taką klasę z odpowiednio dobraną czcionką wpisuj poprzez atrybut class do tagów <span>.

---

Właśnie próbuję to zrobić tylko jak sprawić aby "miejsce do pisania" było wewnątrz spana?

---

Miejsce do pisania, czyli <input>? Umieść go w środku.