Veraltet:Neues Admin-Tool: Frontendfilter

[thorn]

Hallo,

Kann man mit dem Frontendfilter etwas dieser Art auch realiieren?
Ohne dass man in die Dateien von Modulen rein muss?

Ich denke dieses neue Droplets-Modul http://www.websitebakers.com/pages/droplets/about-droplets.php ist das richtige Werkzeug dafür (aber solange das nicht im Core ist, ist immernoch die Anpassung nach jedem Update nötig).
Dieses Modul ist übrigens so mit das geilste was ich hier bis jetzt gesehen habe. Dabei ist die Idee absolut simpel -- aber die Wirkung geradezu genial. Da sieht man mal wieder -- die einfachsten Ideen sind oft die besten.
Mit dem frontendfilter würde das aber auch gehen *mit-dem-Fuß-aufstampf*  

Wenn du willst, mach ich einen Filter dafür fertig. Den kann man dann auch einfach ohne viel Änderungen als Droplet übernehmen.

thorn.

[thorn]

Hello,

Can someone please explain in English what this module does?

It's a generalised way to import frontendfilters like doc's eMail-Filter.

Unfortunately, the english translation is still missing.
Looking for some help ...

thorn.

[erpe]

Vielleicht ist es sinnvoller, im englischen Forum nach Übersetzungshilfe zu fragen.
Zumindest ist es einen Versuch wert.

Gruss

erpe

[Argos]

Hello,

Can someone please explain in English what this module does?

It's a generalised way to import frontendfilters like doc's eMail-Filter.

Unfortunately, the english translation is still missing.
Looking for some help ...

thorn.

I don't have a clue what frontend filters are. I guess I have some catching up to do 

[thorn]

Hello,

frontendfilter 1.0.4 benutzt nun den neuen EditArea anstelle von Codepress, wenn er installiert ist.
http://www.websitebaker2.org/forum/index.php/topic,12280.msg74433.html#msg74433


thorn.

[Stefek]

Hallo Thorn.
Habs mir installiert und sieht wirklich stark aus.
Besonders nett finde ich die Möglichkeit das Eingabefenster zu skalieren, wenn man auf das untere rechte Eck klickt.

Kann ich mir als vernünftige Ablöse für CodePress in der nächsten WB Version vorstellen.

Jetzt aber:
Gute Nacht...

*augenklemn*

Stefek

[thorn]

Hallo,

beim News-Modul z.B. ist es ja leider so, dass ein Datum wie Montag, 1. Januar 2008 immer englisch angezeigt wird (Monday, 1st January, 2008), auch wenn die Seitensprache auf deutsch eingestellt ist.
Dieser Filter behebt das Problem, indem er alle englisch ausgeschriebenen Daten in z.B. News-Seiten in ein Datum in der aktuellen Seitensprache umwandelt. (Bei einem Datum wie 06.01.2008 ändert sich natürlich nichts...)
Sprich:
1st December, 2008  wird zu  1. Dezember 2008


Voraussetzung:

• PHP 4.3.3
• Frontend-Filter-Admin (frontendfilter.zip) v1.1.0 oder höher muss installiert sein.
• Der Server muss die nötigen locales installiert haben. Auf shared-hosts normalerweise kein Problem. Auf selbst eingerichteten Servern, insbesondere XAMP-Systeme auf Windows, fehlen aber möglicherweise einige.

Benutzung:
Die angehängte Zip-Datei wie ein Modul installieren.
Nun sollten die Daten automatisch in der Landessprache angezeigt werden.

In den Filtereinstellungen kann man darüber hinaus HTML oder CSS ergänzen, in dem man in diesem Block:

Code:

   'D M d, Y'  => '%a %b %d %Y'
    'M d Y'     => '%b %d. %Y'
    'd M Y'     => '%d. %b %Y'
    'jS F, Y'   => '%e. %B %Y'
    'l, jS F, Y'=> '%A, %e. %B %Y'

Änderungen vornimmt, z.B:

Code:

   'l, jS F, Y'=> '<small>%A</small>, %e. %B %Y'

Code:

   'jS F, Y'   => '<span class="date">%e. %B %Y</span>'

thorn.

[Stefek]

Cool.

Habe es schon auf einer live Installation ausprobiert.
Das Teil ist genial und wenn man mit dem CSS etwas rumspielt, kann man diesen Filter einsetzen, statt x_cDate . (x_Cdate erfordert leider zu viel Eingreifen in die Files der einzelnen Module.)

Die Modfiles (frontend.css) der einzelnen Module machen es möglich.

Vorgehensweise:

1) Den letzten Schnipsel von Thorn:

    'jS F, Y'   => '<span class="date">%e. %B %Y</span>',    // 1st January, 2008

2) im Editor des Filters nach belieben mit "span" (oder anderem HTML) versehen. z.B.:

    'jS F, Y'   => '<div class="date"><span class="day">%e. </span><span class="month">%B </span><span class="year">%Y</span></div>',   

3) In dem Modul, indem man es einsetzen möchte die CSS Rules für die Classen setzen (das kommt in die frontend.css des Modules) :

div.date {}
span.day {}
span.month {}
span.year {}

4) Beliebig wiederholen in den verschiedenen Modulen - man kann die Darstellung für jedes Modul auf diese Art modifizieren.
5) Fertig.

(!) Jene Module, in deren frontend.css nichts eingetragen wird, werden natürlich nicht umgestyled. Gut, falls man so etwas wie "Geändert vom xxx am xxx" auf den Seiten verwendet.
(!!) Bei Modulen die das Datum zwei mal oder öfter verwenden (z.B. im Newsmodul kann es vorkommen), bedient man sich fortgeschrittener CSS Rules.

Viel Spaß beim Backen.
Christian

[thorn]

Hallo,

noch ein neuer Filter, unter Benutzung von http://code.google.com/p/pcdtr/
PHP + CSS Dynamic Text Replacement

Dieser Filter ersetzt, rein CSS gesteuert, beliebigen Text durch ein PNG Bild. Javascript ist nicht notwendig.
Voraussetzung: PHP 5.2 (durch das original-pcdtr leider vorgegeben).



Benutzung:
- Installieren wie ein normales Modul
- Als erster Test eine WYSIWYG-Seite anlegen mit diesem Inhalt:

Code:

<h1>Test <a href="#">&Uuml;berschrift</a></h1>

Anstelle von "Test Überschrift" sollte nun ein PNG angezeigt werden.

Edit:
Die Bilder werden in einem cache gespeichert, um schneller ausgeliefert werden zu können.
Dabei hat sich gezeigt, dass nach einer Änderung des Bildes, der erste Aufruf einmal das alte Bild ausliefert, erst ab dem zweiten Aufruf wird das neue Bild geliefert.

Konfigurieren:
Über den CSS-Editor (in der Filter-Übersicht im Admin-Tool das Symbol mit den Buchstaben) kann festgelegt werden, was in welcher Art ersetzt werden soll. Zu beachten ist, das für font-family hierbei der genaue Dateiname des Fonts (ohne.ttf) benutzt wird, und nicht die übliche Bezeichnung. Also nicht font-family: "Times New Roman"; sondern z.B.  font-family: "times"; (wenn die Datei "times.ttf" heißt).

Schriften:
Schriften müssen nach modules/opf_pcdtr/pcdtr/ kopiert werden bevor sie benutzt werden können.
Das könnte ein Problem sein, da das Modul durch den WWW-User installiert wird, und der FTP-User (je nach Server) nicht die Rechte hat, um da Dateien anzulegen.

thorn.

PS: brauchbare frei Schriftarten findet man z.B: hier:
http://www.larabiefonts.com/
http://www.aenigmafonts.com/fonts/fontsa.html

[mr-fan]

hi thorn,

hab noch eine frage was ein WIRKLICH geiler filter werden würde!

z.B. wie bei amazon wo bestimmte wörter als link(+tooltip) geliefert werden die dann auf andere produkte usw. linken!

also dein vorschlag für die linkumwandlung der keywords...

Code:

<?php
function opff_test_ref(&$content, $page_id, $section_id, $module, $wb) {
  global $database;
  $keywords_table = array();
  $table_pages = TABLE_PREFIX.'pages';
  if($query = $database->query("SELECT `keywords`,`link` FROM `$table_pages`")) {
    while($res = $query->fetchRow()) {
      foreach(explode(',',$res['keywords']) as $keyword) {
        $keyword = trim($keyword);
        if($keyword=='') continue;
        $keywords_table[$keyword] = '<a href="'.WB_URL.PAGES_DIRECTORY.$res['link'].PAGE_EXTENSION.'">'.$keyword.'</a>';
      }
    }
  }
  $content = str_replace(array_keys($keywords_table),$keywords_table, $content);
  return(TRUE;)
}
?>

wie muss ich den umbauen, das ich z.b. in einer txt datei oder per angabe einzelner $+das wort was ein link werden soll.....?

...könnte man dem ganzen einen span verleihen (per css gesondert formatieren, tooltip od. ähnliches)?

webmaster hätten so die möglichkeit z.b. bestimmte wörter schlicht und einfach an firmen zu "verkaufen" oder bestimmte wörter auf sehr sehr wichtige seiten einfach im schon bestehenden text als verlinkung zu nutzen!

hab zum beispiel sehr viel text (allgemeine Information) und NEWS da könnte ich bei einer sehr dringlichen neuigkeit durch die wortbelegung im filter alles im schon vorhandenen statischen textteil durch stichwörter die dort vorkommen, auf die wichtige newsseite hinweisen...

..da gäbs viele möglichkeiten!

mfg martin

[thorn]

Hallo,

das ist im Grunde auch kein Problem -- bleibt ja ein reines Textersetzen...

Du willst also eine Datei in der Wörter stehen, und dazu Links, Tooltips, ggf auch eine Klasse fürs span?

Code:

Apfel [Schöne Äpfel gibt es beim Äpfel-Karl] <www.aepfel-von-karl-seiner-wiese.de> {link_1}
Hund [Ingeborg's Hundesalon - nur echt mit dem falschen-Apostroph] <www.ingeborgs-hundesalon.de> {link_1}

Oder Besser Äpfel, Hunde?

Und dann ersetzt der Filter jedes Vorkommen von Hund
Dem Hund triefte der Geifer aus dem Fang.
durch
Dem <a href="http://www.ingeborgs-hundesalon.de" class="link_1" title="Ingeborg's Hundesalon - nur echt mit dem falschen-Apostroph">Hund</a> triefte der Geifer aus dem Fang.

?

thorn.

[mr-fan]

...exactamundo!   


das wäre einen feine sache! genau so kann man eine wortverlinkung modul/seiten/sections übergreifend sehr genial lösen! und diese links gesondert formatieren (optisch von links innerhalb der seite getrennt oder auch nicht bei nur interner verlinkung auf wichtige themen!)

...filtern macht spass!

[thorn]

Hallo,

@mr-fan:
so, hab den Filter mal Quick Glossary genannt.

Im Moment werden die Wörter und Links... über eine Datei verwaltet (über den CSS-Editor erreichbar).
In Zukunft sollte man das aber in die Datenbank legen. Muss nur jemand ein Backend dafür bauen...

Von der ursprünglichen Idee mit der <a> wort [title] {class} <link>-Formatierung bin ich wieder weggegangen, das ist viel zu unflexibel. Stattdessen sieht die Datei nun so aus:

Code:

wikipedia <a href="http://www.wikipedia.de" title="Wiki" target="_blank">###</a>
Täst <span class="g_abbr" title="öäüÖÄÜß">###</span>
Dies wird im Ganzen ersetzt <span class="g_abbr" title="Mehr als ein Wort geht auch">###</span>

Vorne ein String, und dann die komplette Ersetzung, mit ### als Platzhalter wo der String von vorne eingefügt werden soll. So hat man alle Freiheiten.

Konfiguration: liegt ebenfalls in der Datei

Code:

<conf> case_sensitiv: 1
<conf> lazy: 0

case_sensitiv legt fest, ob die Groß-/Kleinschreibung beachtet werden soll (1) oder nicht (0).
lazy legt fest, ob eine schnelle aber unsichere Methode benutzt wird (1) oder eine langsame aber sichere (0).
Wenn man lazy auf 1 setzt, muss man darauf achten keine Begriffe zu verwenden, die auch als Teil von HTML oder inline Javascript oder CSS vorkommen können.
case_sensitiv==1 ist schneller als case_sensitiv==0.

Ich würde empfehlen lazy auf 0 zu lassen und case_sensitiv nach Bedarf einzustellen.

thorn.

[Ralf (Berlin)]

Hallo Thorn,

Im Moment werden die Wörter und Links... über eine Datei verwaltet (über den CSS-Editor erreichbar).
In Zukunft sollte man das aber in die Datenbank legen. Muss nur jemand ein Backend dafür bauen...

... das wird von mir kommen, da ich ein entsprechendes Tool zur Verschlagwortung schon längere Zeit in der Planung habe 

Gruß
Ralf

[mr-fan]

vielen vielen dank,

werd ich morgen ausprobieren!

muss heute noch die texte für WB portable überarbeiten...

mfg martin

[thorn]

Hallo,

update auf 1.1.0

Installierbare Filter, die keine eigene Konfiguration mitbringen (Admin-Tool oder Modul), können nun eigene Konfigurationsfelde r festlegen, die unter "Filter Ändern" angezeigt werden (text,textarea,editarea,radio,checkbox,select oder pseudo-typ: array). Die dort eingestellten Werte können dann im Filter ausgelesen werden.

Als Beispiel siehe opf_correct_date_fo rmat_1.1.0.zip

thorn.

[Olli]

irgendwie kriege ich die tagsphere nicht zum laufen.

andere filter funktionieren, aber die tagsphere irgendwie nicht.
werden da noch spezielle platzhalter-divs oder css-definitionen benötigt, die man manuell irgendwo einsetzen muß?

danke für dieses tolle addon 
ich liebe auch das image replacement durch css.. der absolute hammer was damit alles geht... 

[thorn]

Hallo,

alles was man braucht ist eine <ul>-Liste in einem <div> mit id="tagShpere" (natürlich nur eine pro Seite)

Code:

<div id="tagShpere">
  <ul>
    <li><a href="http:/...">tag0</a></li>
    <li><a href="http:/...">tag1</a></li>
          ****
    <li><a href="http:/...">tagN</a></li>
  </ul>
</div>

Wenn es dann nicht geht, kann es am Browser liegen (IE?)
Was sagt den die Javascript oder Fehler-Konsole?

Leider gibt die Originalseite
http://plugins.jquery.com/project/tagSphere
weiter gar nichts her.

thorn.

[Olli]

@thorn: danke für die hinweise!

kannst du mir zufällig auch sagen, ob der css image replacement filter nicht mit php4 läuft?
ich habe hier mit xampp und php5 alles wunderbar getestet, aber im web mit einer relativ alten apache / mysql / php von 2005(!) läuft leider nix...

das cache directory in dem sonst die pngs liegen bleibt leer...
wenn es nicht mir php4 läuft, kann ich mir die weitere suche ja sparen

viele grüße und danke für deine mühen!!

[thorn]

Hallo,

suchst du das hier?

Dieser Filter ersetzt, rein CSS gesteuert, beliebigen Text durch ein PNG Bild. Javascript ist nicht notwendig.
Voraussetzung: PHP 5.2 (durch das original-pcdtr leider vorgegeben).

Das Modul benutzt "PHP Simple HTML DOM Parser", und der verlangt PHP 5.2.

thorn.

[snark]

is there something like a bad word filter?

[thorn]

Hello,

for user-supplied messages/comments?
No, that should be part of the used module (guestbook, news, ...).
Frontendfilter is not the right module for this purpose.


thorn.

[snark]

no I need to change a menu title to contain the '&' as superscript and hoped to achieve it trough the frontendfilter....

so in short

I have a menu / pagetitle that says: me&him

but the client wants it to be me^&him, just as how the name is registered

I was looking for a way to get this done for the menu...

[Stefek]

Hey Snark.
So this is something absoluteley different to a bad word filter.

Although I am sure, that it was possible to do it with a filter, I know about another way to do this.
You have to hardcode this into your index.php

 

Code:

<?php // ignore this line, please!

ob_start();
// replace the next line with your showmenu2 call
    show_menu2();
    $menu_str = ob_get_contents();
ob_end_clean();

$search_mtitle = array('Me and Him', 'Women and Men');
$replace_mtitle = array ('Me^&amp;Him', 'Women^&amp;Men');

echo str_replace($search_mtitle, $replace_mtitle, $menu_str);

?>

Originally posted by Aldus: http://www.websitebaker2.org/forum/index.php/topic,10062.msg86144.html#msg86144

Make sure, you write the link to be replaced into $search_mtitle
and how it should be replaced in $replace_mtitle

BTW.
I would love to have a filter for this.
But I am not able to do this myself.

Regards,
Stefek

[snark]

I am going to try that in a minute..... freaking great!