18 Temmuz 2011, PAZARTESİ

Nasıl Web Sitesi Bölüm 2 İçin Javascript Wysıwyg Zengin Metin Html Editörü Textarea Yenisini Oluşturmak İçin

Yalnız zengin hafta kendi özel JavaScript oluşturma 42 ağırlıyor metin editörü geliştirilmiş metin girişi için sıfırdan metin alanı değiştirme Siteniz uygulamalarında tamam bu yüzden HTML formu vardı ve tüm iyi bir iş script tüm video tartışılan hangi gitmek için hazır aramalar tek Şimdi ihtiyacınız olan tüm güçler uygulama JavaScript dosyası çok yeni JavaScript Dosya gidin en nerede yıl dizininde bir kez sen olarak kaydetmek gidelim Benim en cool yeni bir klasör oluşturun let için Sepetinde kazık ayrıştırmak ne görmek Bu klasörün içinde haftanın Louis en çift tıklama ve biz oluşturmak üzereyiz bu j

avascript dosyası ismini gidiyor Neden ish IW W Ygé kaydettiğiniz edilecek ve size kaldırabilirsiniz Dreamweaver buradan kaldırabilirsiniz Bu çizgi şimdi video birinde görebileceğiniz bir bağlantı yerini bizim Haf

tanın gibi sahip: kazık yani zaten kafasında almak ve bu HTML sayfası içinde belli bir unsurlar Bu JavaScript dosyası içindeki fonksiyonlara çağıran Javascript yöntemi olmaktan eğer sizinle tamam biz js göre

“Ders Kodu: http://www.developphp.com/video/JavaScript/Building-a-WYSIWYG-Rich-Text-Editor-Textarea-Replacement-Part-2 Senin PHP ve MySQL odaklı uygulamalar için J...”
Adam Khoury

ceksin bu dosyayı aldım çok kullanılan EXEC komutu adında bir EXEC komutu, komut tanımlayıcıları vardır tutma sınırlı gibi değil yapıyor şeyler yapma görüntüleri ekleyerek renklendirme şeyler bağlantılar ve formatlama yüzden tam listesini komut tanımlayıcıları bir göz atalım Biz exec komutu ile kullanabileceğiniz: Ben nasıl belirli JavaScript istediklerinizi uygulamak için size göstermek önce hangi yaratıyordu ile Bu öğretici ben sadece siz bu listeyi yolları ol

Nasıl Web Sitesi Bölüm 2 İçin Javascript Wysıwyg Zengin Metin Html Editörü Textarea Yenisini Oluşturmak İçin Resim 1 Nasıl Web Sitesi Bölüm 2 İçin Javascript Wysıwyg Zengin Metin Html Editörü Textarea Yenisini Oluşturmak İçin Resim 2 Nasıl Web Sitesi Bölüm 2 İçin Javascript Wysıwyg Zengin Metin Html Editörü Textarea Yenisini Oluşturmak İçin Resim 3 Nasıl Web Sitesi Bölüm 2 İçin Javascript Wysıwyg Zengin Metin Html Editörü Textarea Yenisini Oluşturmak İçin Resim 4

abilir blabbing devam edeceğiz Eğer gözbebekleri ve ben mavi vurgulanır ve altı çizili olan olanlar ile burada olacak olanlar Bu öğretici serisi içindeki gösteri Bu video aslında bütün bu knock out gideceğiz Mavi bir kez altını çizdi ve sonra siz kendi başınıza daha fazla araştırma yapabilirsiniz Eğer EXEC komutu biridir Denemek istediğiniz tüm bunları uygulamak için mesajında zengin metin düzenleme, öğretmen tarayıcılar ile ilişkili nerede hedef belgenin bir hedef belge üzerinde bir komut çalıştırır öğe veya kullanı

cı ön plana çıkarmıştır verilen seçili aralığı metin düzenlenebilir bir içerik konteyner aynı zamanda tüm güncel büyük tarayıcılar tarafından desteklenmektedir ne yapacağız biz Video 1 yapılmış ise HTML gidin ve unsurları çağrı JavaScript işlevleri sıyırma başlar teker teker ben bir video biri seyredin bahsettiğimi bilmiyorum Akşam yemeği HTML çalıştırmak için çağrıldığını ilk javascript işlevi dosya Bu inşa edecek ilk yüzden fonksiyonu üzerinde bu iframe olduğunu hafta gidip en pimi kravat izin anlaşıldı sadece edildi üzerine ihale iframe küme ayracı ile işlevini açın ve sonra bir çift aşağı gitmek hatları ve şimdi HTML içine gitmek için küme ayracı ile kapatmak Şunu çağırarak olduğunu tam olarak kaç fonksiyonları saymak Başka hakkı hepsi çok 3 gibi Beş altı yedi sekiz dokuz on 1112 ve daha sonra göndermek Bu 13 yüzden JS de hafta geri gidecek, böylece fonksiyon ve biz 13 fonksiyonları o yüzden sadece devam edin ve bu yapalım ihtiyacınız olduğunu biliyoruz kabukları ya da iskeletler ancak bu fonksiyonlar ruh Şunu kopya Metin kontrolü C vurgulayın ve ardından olması kontrol Sadece o yerinde 13 vardı bunu kontrol başka bir yalan aşağı gitmek Şimdi bunu tahmin bütün bunlar üzerinde adını değiştirebilirsiniz sadece üst tek iframe denir buraya fonksiyonları üzerine iframe ve geri kalanı bu HTML dosyasından gelen isimleri var bu yüzden gözün burada ben altını ben koyalım sonraki gidiyor bakacağımı hepsi OKC için bir kafa bakın bunu Boş fonksiyon kabukları benim işlevi bu çağrıları kurmak HTML dosyaları üzerinde iframe idam edecekler Fonksiyon bu kod satırı daha yaptıklarını gets Biz belgede zengin metin alanını hedefliyorsanız ve biz yapıyoruz onun Tasarım kalıp özelliği Eğer yapmadım bu şekilde insanlar üzerinde eşit bunun yazabilirsiniz insanların olmaz Bunun yazmanız mümkün olacak ve içinde öyle içeriğini düzenlemek böylece iframe çünkü hedefleme dizini dosyasında bizim iframe kimliği ve adı vardır görebilirsiniz Zengin metin alanı değil, bir metin alanı bizim metin alanı bir adı vardır Haftanın iken benim metin alanı merkezi hangi iframe tasarım modunu şeyler zengin metin alanını alıyorsanız Ben açık artırma bowled zaman var Sadece senaryoyu dizilmiş ve burada netleştirilerek bu EXEC komutu kullanmaya başladığınızda bu yüzden biz EXEC komutu yöntemini iframe kullanmak hedeflediğim o ve biz doğru parametrelerini ayarlamak biz bunu görmek gerekir Üç bu yöntem girmeden parametreleri ve tanımlayıcılar Bu durumda onun cesur komut tanımlayıcıları Paul şimdi biz yapacağız ben çizgi fonksiyonu için bu hat komut dosyası var Bir hedef iframe kez daha EXEC komutu bakın o bir çizgi belirlemek komut ile Ben italik müzayede aynı şey dışarı iPod boyut fonksiyonu değerini almak zorunda kullanıcının sahip çok eğlenceli girdiler giriş kullanmak olabilir Sana o olmak için bu yazı aldım yaptım ne boyutu bir değer vermek bu yüzden iki satır kullanmak için gidiyoruz bir komut dosyası bana şimdi sana o anlatalım İlki büyüklüğünde adında bir değişken yaratıyor ve bir istemi penceresinde eşit thats iken siz bölüm 1 hatırlıyorum dedi size gösteren yapacağız oluşturacağınız şeyin nihai mamul tüm bu istemini kullanın Windows bilgileri girebilirsiniz kullanıcı ile geliyor o budur bilgi ve basına bitiminden sonra onlar koymak ne tamam denilen bu değişkene yerleştirilir boyut yüzden o zaman biz sadece iframe EXEC komutunu çalıştırın pot büyüklüğü komutu hedef tespit ve biz koymak value parametresi burada boyut Şimdi kullanıcı değiştirmek için izin vermek için çok benzer bir tuzak Sıcak Colo veya renk öğeleri sadece eşit olan bir kabuk yaka yapabilirsiniz Temel Devine diyor istemi penceresi tamamını veya bir onaltılık renk kodu uygulamak ve o zaman sadece o renk alır ve uygulamak Dört renk olarak EXEC komutunu kullanarak ve bazı insanlar koymak tercih Bir renk seçici öncesi JavaScript renk toplayıcı bir sürü can bilgilendirmek var kendi oluşturmak renk seçici isterseniz ama bu temel 1 Ben bir kez daha bir istem öylece kullanım değilim Kullanıcı gri yazabilirsiniz yüzden bazı tür değer hissesini Eğer tüm bu temel yazdığınız gümüş altın kaybetmek renk başına sözler ve onlar da peşin onaltılık renk kodu koyabilirsiniz boyama Şimdi çok olduğunu görebiliyorum yatay kural işlevi işi yapalım yukarı diğerleri üst kadar aynı tespit EXEC komutu yöntemi ve insert yatay kural komutunu kullanarak ve sırasız liste sıralı liste çok aynı Sizlerin bir saniye komuta konum ZZ söyledi sipariş listesini eklemek bir komut tanımlamak ve biz olacak o vermek sen Liste yeni olacak onun değer adı lol hiçbir sıralı liste o ben liste fonksiyonunu sipariş rölanti ihale İstiyorum için aynı şey dışarı yaptığımız benzer bir şey yapmak bir değişken kullanarak görünür ve kullanıcı bağlantı URL değişkeni yüzden istemi penceresi Bu bağlantı için URL cevap o kadar istemi penceresi olabilir onlar istiyorum yapmak değer parametresi olarak bu bağlantı URL'sini kullanın oluşturmak bağlantı komutu ile kimliğinizi xx komut mesajı iyon bağlantı çok basit evet bağlantı komutu üzerine tespit koşmak ancak işlev I boş üzerinden değeri Görüntü onları koymak için izin gidiyor başka istemi penceresi koymak için seçtim Görüntü konumu Bu değişken olarak adlandırılan görüntü kaynağına içine saklanan: Ben koymak yaz diyor onun durumu deyimi o görüntü kaynağı ise: uyuz şey eşit değildir değeri daha sonra aslında yoksa biz kullanmak için gidiyoruz Görüntü komut değeri ile tespit takın görüntü kaynak: böylece null kontrol edebilirsiniz nasıl bu sadece küçük bir örnektir hızlı değerleri sizden önce aslında EXEC komutu çalıştırmak tamam şimdi bu son işlevi için biraz zor oldu birleştirmek o kadar adil değil, çünkü siz ama bana bok bitirmek teşekkür kolayca herhangi bir yerinde bulunan herhangi belgelerinde orada atılmış ağ böylece burada şeklini alması biz yapacağız iyi go ve kullanım belge üzerinde tarafından elemanı olsun adı% ve benim form uh biz koltuk kullanıyorsanız ılık benim form kimliği isim benim şimdi biz bu yüzden gelin Değişken o elemanı tanımlanabilir formu denilen Ben değeri almak istedim ben metin alanını hedef yapmak zorunda biliyorum Ben iframe içine yerleştirin edeceğiz yol benim form normal gibi işleyebilir metin alanı o kadar gönderdiğinde Dedim ki unsurlar formu Ölü olan benim metin alanı hedefli gizli metin alanı gizleme ve gerçekten var olduğunu Sadece oturuyor ve form bekliyor böylece formu doğru zaman formu o anda çünkü teslim aldığında teslim almak Bu zengin metin alanının içeriğini almak ve bu benim metin içine yerleştirin alan o zaman formu gönderin ve her şeyi normal form gibi olanı Onlara ben metin alanını alıyorsanız bu yıl yapıyoruz neden bu kadar işte dot değer ve biz eşit yapıyoruz Ne ben öyle zengin metin alanı iframe çerçeveleri ve ben söyledim AAP zengin metin alanı doc belgesi gövdesi olduğunu çerçeveleri kullanmak zorunda o İç HTML içinde var tüm verileri kapmak için iframe ve böyle basit bir şey gibi görünebilir metin alanına yerleştirin yapmak ama o gerçekten 30 dakika gibi götürdü değil kırk beş dakika bu kod bir satır birleştirmek için eğer Deneme yanılma ile sonra nihayet son şey son satırı% uh hafta görüntülemek Her şey iş yapmak için formu nokta göndermek olduğunu ve bu aslında sizi teslim nasıl HTML Sıcak benim parçaları gider PHP yığılı gibi normal eylem olurdu ama bir çift size mümkün bazı javascript atmak Ben çanak edeceğiz orada satırlar değeri koymak O iframe tüm HTML onay istatistikleri çerçeveleri sen benim çek içine gerçek bir hızlı ve Dan her formu teslim olduğunu pop biz JavaScript biz bunu yapabilirsiniz bu şekilde form gönderme konum yüzden Eğer bunu elde sonunda biraz kandırmaca o Eğer birleştirdiğinizde ne yani şimdi nasıl çalışır endeks seninle biz JS var olan KML çalışmaları ve benim parçaları scriptler mevcut olacak Altri hangi PHP yığılı HP dot com geliştirmeyi ben kalacağımı yukarı bu sayfaları olsun her gelen var Tam uygulama kaynak kodu Bu ders serisi için her videonun altında yönlü kimse grubu gibi iyi oldu bulunuyor Komut dosyaları olarak ben her videonun altında her şey için tam komut dosyası var yaşıyorum mevcut sakinleştirmek için ESP geliştirmek Ben orada bu sayfaları olsun ben endeks SHTML var Hafta içi JS birlikte olmak ve benim parçaları HP yığılı şimdi ve video sayısı üçü son video Bu liste olacak dizi Bu PHP dosyasına odaklanmak için gidiyoruz biz onların HTML HTML etiketlerini dönüştürme hakkında konuşacağız Güvenlik hasta ya da sadece ekran titremesini kişiler istiyorum ben bazı veritabanı güvenliği hakkında konuşacağım filtreleme hakkında konuşmak ve daha sonra gitmek ama şimdi her şeyi denemek için iyi olmalı Ben vermeyeceğim çünkü ben halletmek kadar kaynak kodunu yayınladı ama bölüm 3 yani koçluk yapabilirsiniz Sizler bunu bu işlevi oluşturmak için ne kadar kolay görebilirsiniz söner böylece siz koçluk yapabilirsiniz kendiniz kadar oldu Eğer sorun varsa benim kaynak kodunu kopyalayın ama gerek kalmadan Yapman gereken bütün bir gün ya da iki bekleyin ve ben, video numarasını üç tane daha bitireceğim olduğunu bir şey var Mevcut tüm komut kaynak dosyaları eh p% geliştirmek JavaScript eğitim videosu bölümünde nokta com.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Building-a-WYSIWYG-Rich-Text-Editor-Textarea-Replacement-Part-2 Senin PHP ve MySQL odaklı uygulamalar için Javascript WYSIWYG Zengin Metin HTML Editor Textarea Değiştirme nasıl oluşturulacağını öğrenin. Bu ikinci videoda biz komut bizim wysiwyg.js dosya ve kod dışarı bizim HTML formu aramak için hazır fonksiyonlar olacak. Biz bizim WYSIWYG editörü isteyen belirli biçimlendirme uygulamak için Javascript ve Komuta Tanımlayıcıları tüm execCommand () yönteminin faydalanmak. Bizim formu Javascript bu yüzden normal bir form eylemi çalışması için veriler textarea içine bizim iframe frome aktarabilirsiniz kullanarak göndermek olduğunu. Formu da isterseniz, o zaman textarea içine iframe veri aktarmak gerek yoktur olacağını Ajax kullanarak gönderebilirsiniz olabilir. Part 3 biz şeyler, güvenlik ve filtreleme PHP ve MySQL yan tartışmak.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.5/10

  • 209
    Olumlu
  • 9
    Olumsuz
  • 99
    Yorum
  • 42774
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Best Quality Cartoons

    Best Quality

    10 ŞUBAT 2014
  • FRED

    FRED

    1 EKİM 2005
  • Kyletiv7

    Kyletiv7

    28 Mayıs 2007

ANKET



Bu sayfa işinize yaradı mı?