Edytowalne elementy

Żeby móc edytować element należy dodać mu klasę "cmsly".

CMSly inteligentnie dopasuje formularz do odpowiedniego elementu.

Opcjonalnie możesz dodać atrybut "title" do edytowalnego elementu by pomóc w identyfikacji go (w przypadku obrazków jest to atrybut "alt").

<h1 class="cmsly" title="Nagłówek">Jestem edytowalny</h1>
<div class="cmsly" title="Treść artykułu">
    Ja także jestem edytowalny
</div>
<p class="cmsly" title="Paragraf">
    Ten paragraf także można zmienić
</p>
<img src="/images/truskawka.jpg" class="cmsly" alt="Truskaweczka" />

Klasę "cmsly" można dodać także do już istniejących klas:

<span class="Kolor cmsly">Mam kilka klas</span>

Skalowanie obrazków

Jeśli chcesz żeby twoje obrazki były automatycznie skalowane dodaj do nich atrybut "width" i "height".

Ten obrazek będzie przeskalowany do szerokości:

<img src="/images/ananas.jpg" class="cmsly" width="100" />

Ten obrazek będzie przeskalowany do wysokości:

<img src="/images/brzoskwinia.jpg" class="cmsly" height="100" />

Ten obrazek będzie przeskalowany do szerokości i wysokości z zachowanie proporcji:

<img src="/images/porzeczka.jpg" class="cmsly" width="100" height="100" />

Powtarzalne elementy

Jeśli na stronie masz wiele elementów o takiej samej strukturze nie musisz oznaczać każdego z osobna. Wystarczy, że elementowi nadrzędnemu nadasz klasę "cmsly-repeat".

Używając powtarzalnych elementów możesz łatwo dodawać nowe elementy i usuwać stare.

W tym przypadku wszystkie elementy podrzędne będą edytowalne:

<div class="cmsly-repeat">
    <p>
        Jestem pierwszym elementem.
    </p>
    <p>
        Jestem drugim elementem.
    </p>
</div>

Można także dokładnie zdefiniować co ma być edytowalne w powtarzalnym elemencie (elementy, które nie otrzymały klasy "cmsly" będą takie same w każdym elemencie):

<div class="cmsly-repeat">
    <div>
        <h2>Nie jestem edytowalny</h2>
        <p class="cmsly">Jestem edytowalny</p>
    </div>
    <div>
        <h2>Nie jestem edytowalny</h2>
        <p class="cmsly">Edytowalny paragraf</p>
    </div>
</div>

Kodowanie znaków

CMSly wymaga aby znaki na stronie były zakodowane za pomocą UTF-8, w innym przypadku znaki mogą się niepoprawnie wyświetlać.

Dodaj ten kod w sekcji head swojej strony:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Edytowanie Xml

Za pomocą CMSly możesz edytować także dokumenty xml, aby to zrobić postępuj tak samo jak w przypadku html'a.

W pliku xml zadziałają także powtarzalne elementy.

Edytowanie innych plików

CMSly umożliwia także edycje innych plików tekstowych takich jak: arkusz styli, plik javascript czy zwykły plik tekstowy.