Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ Jak dodać kolor czcionki do zawartości zawartej w pliku .json?

Napisany przez: sylwekb 13.09.2019, 10:28:31

Witam
Chciałbym do mojego pliku .json dodać styl css kolor czcionki do treści reserviert np font-color: blue. Czy i jak mogę to najprościej zrobić?
W tej chwili po prostu jest czarna czcionka dla wyrazu reserviert.

Poniżej fragment kodu pliku .json

Kod
[ { "title": "Haus 1", "url": "/haus/", "usable_area": 143.9, "land_area":

253.7, "garage": false, "shed": true, "price": "410 000", "status": "Etappe 1 - reserviert" }, { ...... } ]

Napisany przez: nospor 13.09.2019, 10:36:57

Masz na mysli ze na twojej stronie wyswietla on to slowo w kolorze czarnym a chesz by sie wyswietlalo w innym? To z json nie ma zadnego zwiazku

Napisany przez: sylwekb 13.09.2019, 10:46:22

Wiem, że chodzi o styl css. Tylko, że jak w arkuszu stylu zmienię tą czcionkę z czarnej np na niebieską to zmienia wszystkie czcionki. Jak zatem zmienić kolor czcionki dla tego jednego wyrazu zawartego w pliku json? Czy jest jakaś składnia po dodaniu, której w pliku json umożliwi pokolorowanie tego jednego wyrazu na niebiesko?

Napisany przez: nospor 13.09.2019, 11:11:03

Jedno z nas nie rozumie drugiego i nie wiek ktory kogo. Zadam ci wiec pare pytan i prosze odpowiedz na nie:

1) Otwierasz ten plik json bezposrednio w przegladarce?
2) A moze dane z tego pliku sa poprostu wyswietlane na twojej stronie?

Napisany przez: nospor 13.09.2019, 12:03:32

czyli to generalnie nie ma zadnego zwiazku z json i nie ma sensu o json nastepnym razem wspominac bo tylko wprowadzasz zamieszanie o co dokladnie ci chodzi. To tak na przyszlosc.

Zmiana ktora chcesz zrobic nie wiem czy jest mozliwa bo nie jestem specem od css i nie wiem czy mozna od tak sobie kawalek tekstu pokolorowac, ktory nie ma zadnych znacznikow - moze jakis css spec zna odpowiedz.

No chyba ,ze jestes w stanie tak zmodyfikowac ten tekst by zamiast
"Etappe 1 - reserviert"
bylo np
"Etappe 1 - <span class="jakas_klasa">reserviert</span>"

Jestes w stanie? Tabelka sie dobrze wyswietla po takie zmianie?

Napisany przez: sylwekb 13.09.2019, 12:24:53

Właśnie to już przerabiałem i tabela wogóle się nie wyświetla. Może jest jakaś inna składnia, którą dodaje się bezpośrednio do treści zawartej w pliku .json, która umożliwiałaby dodanie dowolnego stylu dla dowolnego wyrazu ale nie mogę znaleźć w sieci.

Napisany przez: trueblue 13.09.2019, 12:32:49

W jaki sposób dodajesz ten <span> do JSON'a?

Napisany przez: sylwekb 13.09.2019, 13:15:31

Dodaję przez panel administracyjny Wordpressa edycja tam są pliki z rozszerzeniem json. Nie mam innej możliwości. Chyba, że jeszcze są na FTP-ie w plikach szablonu assets/data
Gdy zmieniam same wyrazy w tym pliku to wszystko działa bez problemu i pokazuje się w tabeli.

Napisany przez: nospor 13.09.2019, 13:19:03

Ale escapujesz wartosci wkladane czy zywcem wrzucasz ?
Tu masz prosty edytor ktory zamieni ci wkladany tekst na poprawnie sformatowany
https://www.freeformatter.com/json-escape.html#ad-output

Napisany przez: sylwekb 13.09.2019, 13:37:18

Zrobiłem test z escapowaniem i teraz tabela się wyświetla ale pojawia się także przykładowy kod do css-a
<span style="color:red;">reserviert</span>
Jeszcze jakieś pomysły jak to ostylować w pliku json? Dziwne, że niby taka prosta rzecz a sprawia tyle problemów.

Napisany przez: nospor 13.09.2019, 14:01:12

To nie dziwne. Poprostu autor wtyczki nie pozwala na wstrzykiwanie kodu html w tresci i tyle. Calkiem rozsadne zachowanie. Skad koles mial wiedziec, ze taki ktos jak ty bedzie tak wydziwial tongue.gif

Napisany przez: sylwekb 13.09.2019, 14:05:55

To nie ja wydziwiam tylko "Góra". Ma być kolor i już i trudno jest wytłumaczyć. Szukałem jak włączyć wyświetlanie tego htmla w Wordpressie ale nie mogę znaleźć. Wiem, że włączenie doklejania htmla może być niebezpieczne.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)