Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Blokada tekstw TinyMCE
Forum PHP.pl > Forum > Przedszkole
Gość
Witam,
Mam takie pytanie...
Czy da się zablokować część treści w edytorze która jest zaimportowana zablokować? Aby użytkownik mógł dokonywać zmia tylko w odblokowanej części??

Pozdrawiam
erix
W przykładach w dokumentacji TinyMCE masz rozwiązanie. tongue.gif

Nie chce się szukać?
Gość
Chce winksmiley.jpg
Tylko że słabo znam angielski i było by mi ciężko znaleźć...
Mogę Cię prosić o link do tej dokumentacji związanej z moim problemem??

Proszę
Gość
Znalazłem opcje redonly... ale ona blokuje mi całe pole teaxtera... a jak zrobić żeby można było zablokować część pola teaxtera??
erix
http://tinymce.moxiecode.com/examples/example_10.php

Więcej nic nie powiem tongue.gif
Gość
Dzięki smile.gif

Mam z tym jeden problem sad.gif
Jak daje takie coś:
  1. <p class="mceNonEditable">
  2. <table border="0">
  3. <tr>
  4. <td>
  5. asdsadasdasdasdasd
  6. </p>
  7.  
  8. <!--- tu można coś dopisywać -->
  9. </td>
  10. </tr>

Jednak niestety blokuje mi to całą tabelę ponieważ po imporcie tekstu de teaxtera TinyMCE segraguje mi kod i taki jest tego efekt:
  1. <p class="mceNonEditable">
  2. <table border="0">
  3. <tr>
  4. <td>
  5. asdsadasdasdasdasd
  6.  
  7.  
  8. <!--- tu można coś dopisywać -->
  9. </td>
  10. </tr>
  11. </p>


Wie ktoś może jak temu zaradzić żeby mi tak nie robiło??


Proszę pomoc
Gość
Da się może zrobić tak żeby mi jedengo znacznika html nie segregowało??
erix
Zapoznaj się z podstawami HTML-a i zagnieżdżaniem znaczników. Ma być konstrukcja <A><B></B></A>, a nie <A><B></A></B>.

Podpowiedź: class może dotyczyć nie tylko <p/>.
Gość
Problem rozwiązany...

A czy da się może zrobić aby zablokowana część był jakoś inaczej oznaczona... np. nałożyć na nią jakiś pół przeźroczysty kolor??
erix
Przecież to zwykła klasa CSS. winksmiley.jpg Ostyluj sobie, jak chcesz, daj jej np. tło i ew. przezroczystość. To chyba sobie znajdziesz. tongue.gif
Gość
A właśnie że to nie jest zwykła klasa css... Bo jak mam coś takiego:
  1. <table .... >
  2. <tr>
  3. <td colspan="2">Nieaktywna treść</td>
  4. <tr>
  5. <tr>
  6. <td>Aktywna treść... tu ma być normalne tło<td>
  7. <td>Treść nieaktywna</td>
  8. </tr>
  9. <tr>
  10. <td colspan="2">Treść nieaktywna</td>
  11. </tr>

I chcę aby wokół treści aktywnej wszysko było rozjaśnione to nie zrobię to przez zwykłą klasę sad.gif
erix
Cytat
A właśnie że to nie jest zwykła klasa css...


A właśnie, że jest. http://www.w3.org/TR/CSS21/selector.html#class-html

Cytat
I chcę aby wokół treści aktywnej wszysko było rozjaśnione to nie zrobię to przez zwykłą klasę


Zrobisz, tylko nadaj tej klasie przezroczystość. W Twoim kodzie żadnej klasy nie widzę.
Gość
A mogę Cię prosić o podanie przykładu??
erix
Podałem już tyle linków, że sam powinieneś trafić. Definicja klasy; którą masz zmienić; włączanie przezroczystości chyba sobie dogooglasz, nie?
Gość
I tak nie kapuje...
Gość
No to może inaczej...

<div style="opacity: 0.50; background: #000; color: #fff">
tresc rozjaśniona
<div style="background: #fff; color: #000;">Treść nienaruszona<div>
tresc rozjaśniona
</div>

I chće aby środkowy DIV był w nienaruszonym stanie... da się tak zrobić??
erix
A czy jak włożysz sitko do miski z wodą, to się ona do niego nie naleje?

Kod
<div style="opacity: 0.50; background: #000; color: #fff">
tresc rozjaśniona
</div>
<div style="background: #fff; color: #000;">Treść nienaruszona<div>
<div style="opacity: 0.50; background: #000; color: #fff">
tresc rozjaśniona
</div>


I samo opacity nie zadziała we wszystkich przeglądarkach.
Gość
Wiem że nie zadziała we wszystkich przegladarkach... ale szybciej mi było napisać tylko opacity.
Pewnie się naleje... czyli wychodzi że się nie da... a jest może jakiś sposób na ominięcie tego?? oprócz js...
Gość
Twój sposób niestety mi nie zapasuje...
erix
No to nie osiągniesz tego, co chcesz... Tego sitka nie zatkasz... Przezroczystość jest nałożona dla rodzica, a w tym wypadku - przezroczystość - jest on traktowany jako całość wspólnie z dziećmi.

No, pozostaje jeszcze wrzucenie półprzezroczystego PNG-a.
Gość
Tylko jak go wrzucić??
erix
Pogooglaj, pokombinuj. Podałem już wystarczająco wiele informacji; co i jak zrobić. Reszta, to tylko kwestia techniczna.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.