#WYSIWYG

[denises4]

Some of my male Sims creations 🥰

NO Mods/Cc and a few are also basegame made!

Gallery id: SIMS4-DENISE or #madebydenise

[starstruklynna]

Homeward in the fog

[gezginajans]

WYSIWYG Nedir?

WYSIWYG, “What You See Is What You Get” ifadesinin kısaltmasıdır ve Türkçesi “Ne Görüyorsan Onu Alırsın” anlamına gelir. Peki, bu tam olarak ne anlama geliyor? Bir metin ya da görsel düzenleyici kullanırken, ekranda gördüğünüz tasarımın son çıktıda (örneğin bir web sayfası, basılı sayfa veya e-posta gibi) birebir aynı şekilde görünmesini ifade eder. Kodlarla boğuşmadan, “buraya kalın yazı, şuraya bir görsel ekleyelim, fontu da biraz büyütelim” şeklinde yaptığınız her düzenleme, nihai çıktıda tam olarak aynı biçimde ortaya çıkar.

Günümüzde özellikle blog yazıları, web sitesi içerikleri ve hatta basit tasarım projeleri için WYSIWYG editörler neredeyse standart hâline geldi. Daha önce bir web sayfası oluştururken HTML veya CSS kodlarını ezberlemek zorunda kalmışsanız, WYSIWYG editörlerin hayatı ne kadar kolaylaştırdığını çok iyi bilirsiniz. Eski usul kod yazmak gözünüzde büyüyor mu? Belki de siz de “Acaba kodlamadan da harika bir sayfa hazırlayabilir miyim?” diye merak ediyorsunuzdur. İşte WYSIWYG tam burada devreye girerek size kolaylık sağlar.

WYSIWYG’in Kısa Tarihi

WYSIWYG kavramının geçmişi, bilgisayar dünyasının grafik ara yüzlerle tanışmasına kadar uzanır. 1970’lerin sonunda ve 1980’lerin başında kişisel bilgisayarların yaygınlaşmaya başlamasıyla birlikte, kullanıcı deneyimini kolaylaştırmak amacıyla çeşitli editörler ve masaüstü yayıncılık (desktop publishing) uygulamaları geliştirildi. Microsoft Word ve Adobe PageMaker gibi araçlar, kullanıcıların ekranda gördüklerinin basılı sayfada da aynı şekilde çıkmasını hedefliyordu.

Günümüzdeki modern WYSIWYG editörlerin atası sayılabilecek ilk uygulamalar, insanların kod veya işaretleme dillerine (markup language) boğulmadan doküman oluşturma ihtiyacından doğdu. İnternet ve web teknolojilerinin gelişmesiyle birlikte WYSIWYG editörleri, yalnızca masaüstü uygulamalarda kalmayıp web tabanlı ortamlara da taşındı. Artık web siteleri, blog platformları ve hatta e-posta düzenleyicilerde bile karşımıza çıkan bu teknoloji, her geçen gün daha kullanıcı dostu hâle geliyor.

WYSIWYG Editörlerin Temel Özellikleri

WYSIWYG editörler, kullanıcıların içerik oluştururken veya tasarım yaparken kodlarla uğraşmadan doğrudan son çıktıyı görmelerini sağlar. Peki bu editörlerin hangi temel özellikleri vardır?

Metin Biçimlendirme Araçları

Kalın, italik, altı çizili gibi temel metin stillerini kolayca uygulayabilirsiniz.

Başlık boyutları, madde işaretleri, numaralandırma gibi tipik doküman düzenleme seçenekleri sunar.

Renk, font ve hizalama gibi düzenlemeler tek tıkla yapılabilir.

Bir metni biçimlendirmek, tıpkı bir kelime işlemci (Word, Google Docs) kullanıyormuşsunuz gibi basitçe araç çubuğunda yer alan düğmelere tıklamak kadar kolaydır.

Medya Entegrasyonu

Sadece metin mi? Elbette hayır. WYSIWYG editörler aynı zamanda resim, video ve bazen de ses dosyalarını sürükle-bırak yöntemiyle sayfaya ekleme olanağı tanır. İster bir blog yazısı, ister kurumsal bir e-bülten hazırlıyor olun, medya dosyalarını entegre etmek için karmaşık kodlarla uğraşmazsınız. Böylece tasarımınıza görsel zenginlik kazandırmak oldukça kolaylaşır.

WYSIWYG’in Avantajları

WYSIWYG editörlerin bu kadar popüler olmasının elbette birkaç iyi nedeni var. Daha hızlı, daha kolay ve herkesin anlayabileceği bir format sunması bunlardan sadece bazıları.

Hızlı İçerik Oluşturma

Hız, WYSIWYG editörlerin belki de en büyük kozudur. Geleneksel olarak HTML veya CSS kodlarıyla boğuşmak yerine, birkaç tıkla metinleri düzenleyebilir, başlıkları ayarlayabilir ve görsellerinizi ekleyebilirsiniz. Bu da özellikle profesyonellerin zaman kazanmasında büyük rol oynar. İster sosyal medyada bir gönderi hazırlarken ister kurumsal bir web sitesinde haber yayına alırken, hız her zaman önceliklerden biridir.

Kod Bilgisi Gerektirmemesi

WYSIWYG editörler, internetle yeni tanışan ya da kodlama geçmişi olmayanlar için büyük bir nimettir. Çünkü editörün arayüzü tıpkı bir Word belgesi düzenler gibi çalışır. Herhangi bir HTML etiketi veya CSS seçicisi bilmenize gerek kalmadan, tamamen sezgisel olarak hareket edersiniz. Bu da daha geniş bir kitlenin içerik üretmesine olanak tanır ve yeniliklere daha kolay adapte olmanızı sağlar.

WYSIWYG’in Dezavantajları

Her güzel şeyin kötü bir yanı muhakkak olur, öyle değil mi? WYSIWYG editörler her ne kadar kullanışlı olsa da bazı dezavantajları da beraberinde getirir.

Temiz Kodlama Sorunları

WYSIWYG editörler arka planda kendileri HTML ve CSS kodları oluşturur. Bu kodlar bazen gereksiz etiketler, karmaşık stiller veya performans sorunlarına yol açabilecek fazlalıklar içerebilir. Örneğin, basit bir metin biçimlendirmesi yapmak istediğinizde editör arka planda aşırı derecede stil etiketi oluşturabilir. Bu durum, sayfa hızını ve SEO performansını olumsuz etkileyebilir.

Kısıtlı Özelleştirme

WYSIWYG editörlerin sunduğu arayüz, çok kapsamlı değildir. Özel tasarım istekleri ya da ileri düzey işlevler söz konusu olduğunda, editörün sınırlarına takılırsınız. Kod düzeyinde ince ayar yapmak istediğinizde, yine HTML/CSS bilgisine ihtiyaç duyabilirsiniz. Bu yüzden tamamen özgün tasarımlar için WYSIWYG bazen yetersiz kalabilir.

Kod Tabanlı Düzenleyiciler ile Karşılaştırma

WYSIWYG editörler, “kullanıcı dostu” olmakla övünürken, kod tabanlı düzenleyiciler (ör. Visual Studio Code, Sublime Text, Atom) ise “esnek ve temiz kodlama” avantajlarına sahiptir. Kod tabanlı düzenleyicilerde, yaptığınız her değişiklik tamamen sizin kontrolünüzde olur ve gereksiz kod kümeleriyle karşılaşmazsınız. Fakat bu da daha fazla teknik bilgi ve zaman gerektirir. Bir nevi spor araba ve otomatik vitesli aile arabası kıyaslaması yapabiliriz: Spor araba (kod tabanlı editör) hız ve performans sunar ama kullanmak için tecrübe ister; aile arabası (WYSIWYG) ise konforlu ve pratiktir.

SEO’ya yönelik çalışmalar açısından bakarsak, kodun temiz olması her zaman daha iyidir. Dolayısıyla büyük ölçekli projeleriniz varsa ve sayfa hızının yüksek olması gerekiyorsa, en azından WYSIWYG editörle oluşturduğunuz sayfaları sonrasında manuel kod düzeltmeleriyle optimize etmek gerekebilir.

En Popüler WYSIWYG Editörler

Piyasada birbirinden farklı ve kullanışlı pek çok WYSIWYG editör bulunmaktadır. Aralarındaki fark, kimi zaman arayüz tasarımından, kimi zaman da sunduğu özelliklerden kaynaklanır.

TinyMCE

TinyMCE, muhtemelen en yaygın kullanılan web tabanlı WYSIWYG editörlerinden biridir. Açık kaynaklı olması ve kolayca özelleştirilebilmesi onu popüler kılan nedenlerdendir. WordPress dahil birçok platformda varsayılan veya opsiyonel editör olarak karşımıza çıkabilir.

CKEditor

CKEditor da aynı şekilde uzun süredir piyasada olan ve sürekli güncellenen bir editördür. Kullanıcı dostu arayüzü ve eklenti desteğiyle hem küçük projeler hem de kurumsal uygulamalar için idealdir.

Froala

Tasarım odaklı kullanıcılar için modern bir arayüz sunan Froala, hafif kod yapısı ve hız performansıyla öne çıkar. Ücretli bir lisans modeli olsa da sunduğu eklentiler ve kolay yönetim paneli sayesinde tercih edilir.

WYSIWYG Kullanırken Dikkat Edilmesi Gerekenler

Her ne kadar WYSIWYG “kullan ve unut” mantığıyla basit görünse de, profesyonel sonuç almak istiyorsanız bazı hususlara dikkat etmeniz önemlidir.

Mobil Uyumlu Tasarımlar

Web trafiğinin önemli bir bölümü artık mobil cihazlardan geliyor. Tasarladığınız içerik, akıllı telefonlar ve tabletlerde de düzgün görünmeli. WYSIWYG editörler bazen masaüstü odaklı tasarımları öne çıkarabilir. Bu yüzden eklediğiniz resimlerin boyutlarına, tablo genişliklerine ve yazıların satır uzunluklarına dikkat etmelisiniz. “Mobile first” yaklaşımıyla tasarım yapmak, her zaman daha iyi bir kullanıcı deneyimi sağlar.

SEO Odaklı Biçimlendirme

Arama motorlarında üst sıralara çıkmak istiyorsanız, editörü kullanırken SEO prensiplerine de dikkat etmelisiniz. Başlıklarda (H etiketleri) anahtar kelimelerinizi kullanmak, paragraf uzunluklarını aşırıya kaçırmamak, resimlerin alt etiketlerini düzenlemek ve linklerinizi ilgili anahtar kelimelerle optimize etmek gibi adımlar önemlidir. WYSIWYG editörün sağladığı görsel rahatlık, bazen SEO kurallarını göz ardı etmenize neden olabilir. Bu yüzden hem kullanıcı dostu hem de arama motoru dostu bir içerik hazırlamaya özen gösterin.

WordPress’te WYSIWYG Kullanımı

WordPress, dünyada en çok kullanılan içerik yönetim sistemlerinden biri ve varsayılan olarak bir WYSIWYG editörü (Gutenberg veya Klasik Editör) içeriyor. Bu editör sayesinde blog gönderilerinizi ve sayfalarınızı hızlıca hazırlayabilirsiniz. Eklenti eklemek, görsel yerleştirmek, hatta sayfa düzenlerini değiştirmek için kod bilmek zorunda değilsiniz. Elbette daha gelişmiş özelleştirmeler için HTML/CSS editörüne de geçiş yapabilirsiniz.

Gutenberg editörü, blok tabanlı bir yaklaşıma sahiptir. Yani her içerik öğesi (paragraf, resim, galeri, buton vb.) ayrı bir blok olarak düzenlenir. Bu da WYSIWYG anlayışını bir adım öteye taşıyarak, kullanıcıların içeriği daha modüler bir şekilde oluşturmasını sağlar.

Web Tasarımcılar İçin İpuçları

WYSIWYG editörler, yalnızca içerik oluşturucular değil, web tasarımcıları için de zaman kazandıran araçlardır. Ancak tasarımcılar, müşterilere veya son kullanıcılara teslim ettikleri projelerde bazı temel noktalara dikkat etmelidir.

Profesyonel Görünüm Yaratma

Düzenli bir tipografi, kullanıcıların metinleri kolay okumasını sağlar.

Renk uyumuna dikkat edin. Her ne kadar editör tek tıkla renk değiştirmeyi sağlasa da kurumsal kimliğe uygun renkler tercih etmek daha profesyonel görünüm sunar.

Boşluklar (padding, margin) ve satır aralıkları da göze hoş gelen bir tasarım için kritiktir.

Eklenti ve Ek Araç Seçimi

WYSIWYG editörünüzü, ihtiyacınıza göre eklentilerle zenginleştirebilirsiniz. Örneğin, tablo eklentileri, gelişmiş galeri eklentileri veya özel font desteği sunan araçlar kullanabilirsiniz. Fakat unutmayın, çok fazla eklenti kullanmak performansı düşürebilir. Mümkün olduğunca yalın ve amaca uygun çözümler kullanmak, site hızınızı da korur.

Doğru WYSIWYG Seçimi Nasıl Yapılır?

İhtiyaç Tespiti: Tam olarak ne yapmayı planlıyorsunuz? Basit bir blog yazısı mı, yoksa kurumsal bir web sayfası mı?

Kullanım Sıklığı: Haftada birkaç içerik mi üreteceksiniz, yoksa yoğun bir iş akışı mı var?

Destek ve Güncellemeler: Editörün geliştiricileri düzenli güncelleme yapıyor mu, topluluk desteği iyi mi?

Özelleştirme: Özel tasarımlar yapmak istiyorsanız, editörün bunu ne kadar desteklediğine dikkat edin.

Kullanacağınız platforma uyumluluk da göz önünde bulundurulmalı. Örneğin, WordPress tabanlı bir site kullanacaksanız, WordPress ile entegrasyonu sorunsuz olan editörleri tercih etmelisiniz. Eğer React veya Angular gibi framework’lerle çalışıyorsanız, buna uygun kütüphaneleri olan editörlere yönelmelisiniz.

Gelecekte WYSIWYG Teknolojisi

Teknoloji çok hızlı ilerliyor ve WYSIWYG editörleri de bu gelişmelerden payını alıyor. Özellikle yapay zekâ (AI) ve makine öğrenimi (ML) destekli akıllı düzenleyiciler, kullanıcı deneyimini bambaşka boyutlara taşıyor. Hatta bazı editörler, yazım hatalarını düzeltmenin ötesinde, içerik önerileri bile sunabiliyor. Gelecekte, WYSIWYG kavramı sadece “gördüğünü al” değil, “gördüğünden daha iyisini yap” mantığına evrilebilir.

Ayrıca sanal ve artırılmış gerçeklik teknolojilerinin gelişmesiyle, WYSIWYG editörlerin de 3D modelleme ve interaktif deneyimler oluşturma yeteneklerine kavuşması bekleniyor. Böylece sadece metin ya da 2D görseller değil, üç boyutlu nesnelerle de çalışmak mümkün olabilir.

WYSIWYG ve UX İlişkisi

Kullanıcı deneyimi (User Experience – UX), dijital dünyanın kalbinde yer alır. Peki WYSIWYG editörler bu deneyimi nasıl etkiler? Aslında iki yönlü bir ilişki var:

Kullanıcı İçin: Editörü kullanan kişinin içerik veya tasarım hazırlarken yaşadığı deneyim. Bir WYSIWYG editör ne kadar kolay anlaşılır ve akıcı bir arayüz sunarsa, kullanıcılar da o kadar hızlı ve keyifli çalışır.

Son Kullanıcı İçin: Editörde hazırlanan içeriğin yayınlandığı web sitesini veya dokümanı ziyaret eden insanların deneyimi. WYSIWYG ile hazırlanan içeriğin tutarlı, estetik ve hızlı yüklenen bir yapıda olması gerekir.

Dolayısıyla WYSIWYG, hem içerik üreticisinin hem de son kullanıcının memnuniyetini artırabilecek bir araçtır. Ancak yanlış kullanıldığında, hantallaşan kod yapısı veya uyumsuz tasarım problemleriyle kullanıcı deneyimini baltalayabilir.

WYSIWYG Editörlerle Pratik Örnekler

Hızlı bir blog yazısı oluşturmak mı istiyorsunuz? WYSIWYG editörü açın, metninizi yazın, görsellerinizi sürükleyip bırakın ve yayınlayın. Kurumsal bir e-posta bülteni hazırlayacaksınız, ancak kod bilginiz sınırlı mı? Yine aynı editör mantığıyla birkaç dakikada e-posta şablonunuzu oluşturabilirsiniz. Metin rengini, başlık boyutunu, görsel konumunu anında değiştirir ve sonuçtan memnun kalana kadar deneyebilirsiniz.

Örneğin;

Blog Yazısı: Başlık, kısa bir giriş paragrafı, birkaç alt başlık ve eklediğiniz görsellerle profesyonel görünümlü bir yazı…

E-bülten: Şirket logosu, şirket renkleri, duyurular ve call-to-action butonları… Hepsi tek tıkla düzenlenebilir.

Sonuç

WYSIWYG editörler, içerik oluşturmayı ve düzenlemeyi kod labirentlerine girmeden son derece kolaylaştıran müthiş araçlardır. “Ne görüyorsan onu alırsın” mantığı, hem acemi hem de profesyonel kullanıcıların işini hızlandırır. Ancak her teknolojide olduğu gibi, WYSIWYG’nin de tembel bir yaklaşımı beslediğini düşünmek yanlış olmaz. Eğer profesyonel ölçekte bir proje yürütüyorsanız, en azından editörde oluşturduğunuz kodu gözden geçirmek ve gerekiyorsa manuel optimizasyonlar yapmak gerekebilir.

Yine de hem büyük hem de küçük projeler için “Başla ve ilerle” felsefesini benimsettiği su götürmez bir gerçek. İster bir blog yazarı olun ister bir web tasarımcı, WYSIWYG sizin için hızlı bir başlangıç noktası olabilir. Ama unutmayın, %100 kontrol ve esneklik için kod bilginizin temel seviyede de olsa olması, her daim avantaj sağlayacaktır.

SSS (Sıkça Sorulan Sorular)

WYSIWYG Neden Önemlidir? WYSIWYG, içeriği son kullanıcıya nasıl görünecekse o şekilde düzenleme imkânı sunduğu için önemlidir. Kod bilmeden tasarım yapmak veya metin düzenlemek isteyenler için büyük kolaylık sağlar.

WYSIWYG Editörler SEO’ya Uygun mu? Temel kullanımda SEO açısından büyük bir dezavantaj oluşturmaz. Ancak bazı editörler gereksiz kod parçacıkları ekleyerek sayfa hızını düşürebilir. Bu nedenle gereksiz etiketleri temizlemek ve başlıkları doğru hiyerarşide (H1, H2 vb.) kullanmak önemlidir.

WYSIWYG Editörle Oluşturulan Kodları Sonradan Düzenleyebilir miyim? Evet. Çoğu WYSIWYG editör, aynı zamanda HTML düzenlemesine izin verir. Böylece isterseniz kod kısmına geçebilir ve manuel değişiklikler yapabilirsiniz.

Hangi Projelerde WYSIWYG Kullanmak Uygundur? Blog, basit kurumsal site, e-bülten, sosyal medya post şablonları gibi çok detaylı olmayan projelerde idealdir. Geniş kapsamlı, özel tasarım gerektiren projelerde destekleyici bir araç olarak kullanılabilir.

WYSIWYG Editörleri Tamamen Ücretsiz midir? Hem ücretsiz hem de ücretli sürümleri olan editörler vardır. Örneğin TinyMCE ve CKEditor açık kaynaklı temel sürümlere sahipken, ek özellikler için ücretli planlar sunabilirler.

WYSIWYG Editörleriyle Duyarlı (Responsive) Tasarımlar Yapılabilir mi? Evet, çoğu modern WYSIWYG editör responsive tasarımı destekler. Ancak mobil uyumluluk için ek çaba göstermeniz, resim boyutlarını ve tablo genişliklerini optimize etmeniz gerekebilir.

WYSIWYG Editörlerde Tema Değişikliği Nasıl Yapılır? Editöre entegre edilmiş hazır temalar veya şablonlar varsa bunları kullanabilirsiniz. Bazı editörler harici şablon sistemini de destekler. Tema değişikliği genellikle sürükle-bırak veya birkaç tıklamayla yapılır.

WYSIWYG Editörleri Metin ve Görseller Dışında Başka Neler Ekleyebilir? Video, ses dosyası, GIF, tablolar, butonlar, formlar ve hatta haritalar eklenebilir. Bu tamamen kullandığınız editörün eklenti desteğine bağlıdır.

WYSIWYG Editörü Seçerken Nelere Dikkat Etmeliyim? Kullanım kolaylığı, topluluk desteği, güncellemelerin düzenli yapılması ve SEO uyumluluk gibi kriterler önemli. Ayrıca projenizin büyüklüğü ve teknik gereksinimleri de belirleyicidir.

WYSIWYG Editörleri Hızlı Bir Şekilde Öğrenilebilir mi? Kesinlikle. Çoğu WYSIWYG editör, tıpkı bir kelime işlemci (Word, Google Docs) kullanmak kadar basittir. İnternette bulunan rehberler, video dersler ve forumlar sayesinde hızlıca uzmanlaşabilirsiniz.

Bu makalede, WYSIWYG’in ne olduğunu, tarihçesinden avantaj ve dezavantajlarına kadar pek çok detayı ele aldık. İhtiyaçlarınızı ve projelerinizin kapsamını göz önünde bulundurarak doğru seçimi yapabilir, hızlı ve kullanıcı dostu içerikler oluşturabilirsiniz. Unutmayın, dijital dünyanın değişimine ayak uydurmanın yolu, pratik ve etkili araçları doğru şekilde kullanmaktan geçer. Keyifli içerik oluşturma yolculukları!Edit "WYSIWYG Nedir?"

[pyxisbr-blog-blog]

Calculemus, da Série "Entre Sem Bater".

Calculemus pois:

a lógica binária nas nuvens

se desfaz no céu.

A insanidade não é binária.

#Calculemus #Entresembater #Leibniz #Insanidade #Binario #WYSIWYG

[shaunanverxs]

🚀 Unveiling the Future! Check out today's top product launches that are set to redefine React Development.

[schibborasso]

WYSIWYG

[uglykidswearingprada]

[longlistshort]

“The Lazy Logic of Ignava Ratio”, 2009, Acrylic on canvas, and detail

Ryan McGuiness’s brightly colored screen printed paintings for WYSIWYG at Miles McEnery Gallery are incredibly dense with imagery, yet still manage not to feel too overwhelming. The combinations of graphics and patterns do require a closer look though.

The title of the exhibition references the acronym for What You See Is What You Get, which refers to software that allows creators to see and edit their product in the form it will resemble when printed or displayed.  Whether there is more to these paintings than what is seen remains up to the viewer.

“Condition Report”, 2022 and “Recreational Use”, 2022, Acrylic on wood

“Only a Thief Thinks Everybody Steals”, 2008, Acrylic on canvas

[starstruklynna]

Big boats, Round 2

[tiger9o0]

Amazing work

Finished up my daemon prince conversion for this year’s secret santa paint exchange. I magnetized the weapons for wysiwyg

[nezmar]

20 years in, blogging is still a curious mix of both technical, literary and graphic bodgery, with each day's work demanding the kind of technical minutuae we were told would disappear with WYSIWYG desktop publishing.

Pluralistic: 13 Jan 2021 – Pluralistic: Daily links from Cory Doctorow

[newcodesociety]

Download VS Code here

[pulipuli]

看看網頁版全文 ⇨ 可以直接插入圖片的所見即所得HTML編輯器：Summernote / Summernote: A WYSIWYG HTML editor Editor That Can Directly Insert Pictures https://blog.pulipuli.info/2023/06/htmlsummernote-summernote-a-wysiwyg-html-editoreditor-that-can-directly-insert-pictures.html ​儘管Summernote很難跟Vue整合，但獨立使用倒是挺方便的。 ---- # Summernote​​ / Summernote​​。 https://summernote.org/。 Summernote是一個超級簡單的所見即所得編輯器(WYSIWYG)。 它背後的技術是前端開發知名技術的jQuery跟CSS知名框架Bootstrap。 跟其他的WYSIWYG編輯器，例如CKeditor或TinyMCE相比，Summernote的功能看起來簡單許多，但它實際上該有的功能一應俱全，包括插入圖片、表格、快捷鍵的使用，而且還很容易加入自己開發的功能。 我最喜歡Summernote的一個特色就是圖片的插入。 習慣使用文件編輯器的人應該很難相信，以前要編輯網頁的時候，我們必須要先把圖片上傳到某些地方，然後再拿著圖片的網址插入到文件中。 具有一定水準的編輯器就能讓你做到按插入圖片按鈕來選擇圖片上傳與插入、拖曳圖片到編輯器上即插入、甚至是按Ctrl + V貼上就能插入圖片。 但這些編輯器背後還是需要有圖片上傳的伺服器支援，不然沒辦法運作。 Summernote最特別的是，它不僅支援了上述的圖片插入功能，而且圖片的插入預設還是以base64編碼的形式，將圖片轉換成文字後跟HTML程式碼一起保存。 這樣就不需要另外找伺服器上傳圖片了。 但相對的缺點也很明顯：HTML檔案會變得非常龐大。 Summernote也是能將圖片的插入改為上傳到伺服器，像是我在Blogger Editor裡，就將圖片轉換成base64的形式改為上傳到瀏覽器的Filesystem中。 運作起來非常流暢喔。 - GitHub程式庫：https://github.com/pulipulichen/Blogger-Editor - 線上展示：https://pulipulichen.github.io/Blogger-Editor/ 我在Blogger Editor等眾多專案結合了Summernote，讓它能以符合我撰寫Blog的形式。 其中有一個是我參考自WLW很受歡迎的功能htmlify。 我只要在文章中直接寫HTML程式碼，然後選取起來、按下htmlify，編輯器就會將文字轉換成程式碼。 這樣我就不用切換到HTML模式來寫程式碼，真的很好用呢！。 ---- # Summernote線上編輯器 / Summernote Editor。 ---- 繼續閱讀 ⇨ 可以直接插入圖片的所見即所得HTML編輯器：Summernote / Summernote: A WYSIWYG HTML editor Editor That Can Directly Insert Pictures https://blog.pulipuli.info/2023/06/htmlsummernote-summernote-a-wysiwyg-html-editoreditor-that-can-directly-insert-pictures.html

[k-hippie]

k-707 ( 2025 EDITION ) RELEASE - FIRST WAVE

It’s finally here! Well, the first part of it—because let’s be real, this beast of a project is too massive to drop all at once ( unless we suddenly gain the ability to compress/expand time ) ;)

For now, we’re rolling out the first wave of k-707, covering :

- Base Game/Seasons ( Willow Creek, Oasis Springs, Newcrest ) - Get to Work ( Magnolia Promenade ) - Outdoor Retreat ( Granite Falls ) - Vampires ( Forgotten Hollow ) - Cottage Living ( Henford-on-Bagley ) - High School Years ( Copperdale ) - Life & Death ( Ravenwood )

Yes, we know ... you want more—but trust us, this is already a lot. The rest will come soon-ish ( don’t ask for dates, we’re not EA ) and as we say again and again, this is a work in progress, time for us to understand some more things with blender managing vertex painting and so on ;)

For everything related to instructions, how-to and so on, see the previous post or the "Download Page" of the k-707 on our website.

We replaced, reshaped, optimized, and obsessed over hundreds of trees and plants. Everything is optimized for directX11 ... Now, in theory, all should move right, look right, and fit right :D If you encounter a purple question mark on this new release, just send us a message. We'll see this together :)

Do not be surprised, some trees ( very very few ) are not yet modified ( -> I think about topiaries ) and some others have been fully replaced ( such as the ugly majestic and royal palms in base game )

Never forget this is still a work in progress and some changes will be done later ;)

As soon as we do some minor modifications and checks, we'll release a SECOND wave ( which should be very soon indeed )

Later ( End of February ) a THIRD and final wave will be released ...

Installation & Warnings

Each Expansion has 2 folders : one for plants, one for trees

The base game is split into 4 folders : 2 lots + 2 debug

Expansions with minimal greenery ( City Living, University, Get2Work ) are in single folder named k-hippie-k707-multi-greeny-2025

Do NOT mess with the folder structure unless you love chaos. If you merge files and something breaks, that’s on you. We won’t be able to troubleshoot Frankenstein mods ... More information on our website or into the previous post ;)

Final Notes

K-707 isn’t perfect ( yet ) :D We’re still tweaking, improving, and fixing things. We are aware some textures and styles need to be refined/modified. It will be done in time. But this is already a massive upgrade. So, enjoy your lusher, greener, better-integrated Sims world—and if you spot a tree acting weird, just pretend it’s haunted until we fix the green :D

Remember the k-mods are still and always free. Thanks to freely give a little something if you can. This is a massive piece of work and so, a massive piece of time ;)

If you think it’s good enough to drop our way : PayPal link

...

- - - - - - - - - - - - - - - - - - - - > UPDATE ! February 25

We added few missing plants to the base game ( both lot & debug ) and some modifications to some plants ( azalea - hydrangea ) ... Some textures have been fixed. As we said, there will be adjustments and tiny updates. You know, a work in progress ;)

Tonight, a bit in advance, we release too :

k-707 ( 2025 ) for Sulani ( Island Living )

k-707 ( 2025 ) for Tomarang ( for Rent )

We know the gameplay bug related to for rent expansion but we finished trees & plants for this expansion, so better to release :)

By the way, as Windenburg and Britechester, Sulani will get a small k-505 redux quite soon. It won't be huge but it will correct details here & there. That was the Sunday late news and releases. Have a great week everyone !

Sorry for the delays but real world got massive changes and I confess I didn't have time to make more k-707 stuff this time ...

See you soon fellows :)

Download the K-707 mod HERE

...