18 Temmuz 2011, PAZARTESİ

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

Başka kısa bir eğitim serisi ile bir kez daha burada merhaba herkes Adam up-and-coming web programcılara bu video ders serisi nasıl öğrenme olacak hafta kendi özel oluşturmak Tüm özel PHP ve MySQL web uygulayabileceğiniz zengin metin editörü uygulamalar hafta sen gördükleri duruyor ne olsun ve bir zengin metin editörü uygulayarak kullanıcıların diplomat izin verir o HTML kullanarak alır ve istiyorum bu durumda herhangi bir sizin için JavaScript nasıl bilmek ActionScript 3 Bu kullanarak flaş yapmak biz ve burada yıllar önce bir çift çok tıklayabilirsiniz o hazır konum Ekran şu an Y

erine görmek istiyorum eğer ders serisi görüntülemek için Bu actionscript 3.0 flaş kullanarak nasıl yapıldığını, bu çok olacak kısa eğitim serisi javascript kullandığımız yöntem bizim için çok kolay şeyler yapar gibi Biz aldıkta

n sonra bir PHP ayrıştırma ipuçları olarak o bazı tasarım ipuçları programlama görüşecek inşa düşünmek Bu içeriğin şüphesiz öfke birçok istiyorum süper salaklar dışarı onlar max alırsınız olacak yani basit bir öğretmen bu y

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

üzden benim arkadaşım vardı şekilde taze öylesine korkak benim soğuk yorumların içinde sadece onlar için bir mesaj kaydetmek pop bir önleyici çürütme yorum yapmak olarak posta yoluyla şimdi oynamak min ya da kötü niyetli ev gibi evet p biz soğuk kirli ellerimizi almak başlamadan önce tamam ben istiyorum Size göstermek Bitmiş ürün yapacaksın boyunca bir araya nasıl öğreneceğiz neyi dizi Daha sonra akranları tek metin alanını olduğumu ve ne zaman vardı Bir

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

metin alanı burada görebilirsiniz benim başlık gibi hissediyorum ama ne olursa olsun ben çocuğumun orada olmak istiyorum ve burada yazabilirsiniz Bazı metin Şimdi en son bu birkaç kelime kalın yapalım hangi metin boyutunu 25 ve değişim metin rengi değiştirmek o ve o da bağlantılar eklemek var edeceğiz Burada en bir bağlantı ekleyelim yatağa gitmek istedim Tamam de adnan 50 ve o zaman da resim ekleyebilirsiniz bir bağlantı var ve bildiğim kadarıyla yapacağız bu baz ile gitmek konum olarak hafta size italik

ng altını saçsız olabilir Yatay kural ekleyerek boyut metin rengini kontrol listeyi sipariş eklemek ve sipariş listelerinde de evet linkler ve resimler diğerleri daha Haftanın historial serisi ile yapabilirsiniz biz onunla gideceğiz konum kadarıyla var ve onlar da güzel olduğunu Böyle insanlar renk boyutunu seçmek için izin için biçimleri ve işler ama sadece çok basit anlatmak için she sorunları bu istemi penceresi kullanılarak yapılan cevabınızı onaltılık renk ya da istediğiniz herhangi bir renk yazabilirsiniz Ben onlar benim kullanarak olacak insanlar verdi düşündüm onlar seni çalmak yapılan görebilirsiniz uygulayabilirsiniz tür ne renk üzerinde daha fazla özgürlük Sadece turkuaz yazarak hisse istiyorum sadece bu bir gümüş yapmak bu seçim şimdi bakın şimdi basın verilerini sunmak let ve burada görebileceğiniz gönderildi Bu da ayrıştırma dosyayı var PHP komut dosyası içinde biz yayınlanmıştır başlığı gösterir ve bu metin alanı içinde tüm veriler artık en siz biliyor emin olalım Bu da çalışır Firefox'ta kulüpler şimdi de Internet Explorer'da çalışır göstermek ve krom ve bu basın veri göndermek Internet Explorer rengini değiştirmek deneyelim o atık salak ve ilişkilerini değiştirmek için Tamam ve veri göndermek bkz küçük olmak ve orada onun formatını yüzden gidip de şimdi etiketleri vardır HTML etiketleri tamam o biçimi tutmak yardımcı olan o hepsi şimdi ağ görmek ve Internet Explorer nasıl çalışır Piyasada dışında ev ve Firefox ve diğer birçok popüler tarayıcılar bugün mü onlar zaten bu yüzden bu motorlar türev kullanımı Ne Firefox, Internet Explorer ve krom çalışır Eğer çoğu diğerlerinde iş olacak emin olabilirsiniz Tamam biz çok temel bir simüle proje ile başlamak için gidiyoruz olabilir Bir HTML varsa nerede sunucu üzerinde gidiş var şey yansıtmak sadece bir çift giriş alanları ve bir metin alanına form ve ben sadece görebiliyorum başlık için var burada bir giriş alanı var onun adı başlık ve kimlik başlık ve sonra benim metin alanı burada kurulmuş ve bunun için var entry gövde Adından benim metin alanının kendi kimliği Benim metin alanı herkes Dreamweaver kullanabilirsiniz çok temel şeyler iyi misin Sadece Eastfield dışarı ayrıştırır çok temel ne olursa olsun uygulama pop Bir PHP benim parçalar HP'nin kadar vahşi denir bu nedenle bu gibi görünüyor ve ne kişinin presler gönderdiğinizde sağ burada bu her parça dosyasına its gonna parçalar daha çok dedi oyunda bu noktada, temel filtreleme ya da bir şey biz sadece kişinin gönderilen neyi she istiyorum gitmiyor şeyler ilk eğer düzgün çalıştığından emin olun bu yüzden sadece seni sonrası veri başlığı yayınlanmıştır gidiyorum ve bu görebilmek için yazılan verileri benim metin alanı o çok olduğunu ne var temel Uygulamayı çalışma ve biz öylece bu eklemek ve bunun üzerine bu şekilde genişletmek konum Siz mevcut uygulamalarınızı alabilir ve onlara biz konum bu ilk videoda hafta teknikleri ile bu geçerlidir Bu odaklanma olacak Gerçekten indeks sayfası veya formudur sayfa Kullanıcı formunu doldurarak nerede yaşıyor ve biz yapacağız her şeyi ilk şey metin oluştururken gidiyor Kafa etiketi Belge bir javascript dosyası uygulamak için gidiyorum o olacak harici javascript dosyaları olacak tüm işlevselliği tutmak için gidiyor hafta bu sayfayı çok a ile bogged etmediğini yolu bunun soğuk şeyleri dışa ve neredeyse bu kıvrımlara bunu bir sürü yapabilirsiniz zaman JavaScript biz denilen bir klasör hafta oldu dahilinde bu uygulama olacak oluşturmak Sizinle adlı bir dosyada biz JS var biz henüz henüz oluşturulmuş değil bir javascript dosyası Hangi yapmak için şimdi yanındaki şeyi bağlamak için hazırlanıyor Yük eşittir vücut etiketi eklemek olduğunu üzerine iframe ve de birlikte olacak bir işlev var Sizinle biz js adında bir işlev dosya var olduğunu Bunun üzerine iframe o dahilinde olması biz koymak hafta dosyasını oldu gidiyor ve biz uygulamak Iframe için olacak Bu metin alanını değiştirmek istermisiniz olmasını başlatmak için gidiyor Tasarım modunda belge tam dolu olduğunda Şimdi en hedefimiz metin alanını atalım ve en evet kendisi tarafından ayrı bütün dönelim yapacaksın biz yere gidiyoruz altında olduğunu iframe adını zengin metin alanı IDE yanı sıra zengin metin alanına eşit olduğunu ve ben satır içi CSS toplamları styling var görebilirsiniz hangi kullanım CSS stil dış yapmak için seçebilir veya kafa koyabilirsiniz Birkaç belge sadece basitlik doğrultusunda buna sahip Belki istediğin kadar şeye ihtiyacınız ve tüm dosyaları dışa sonunda Eğer içinde yer tren bu CSS koymak Satır stil kullanabileceğiniz ne olursa olsun harici bir CSS dosyası Şimdi ne diyor burada bir yorum poppin var gibi gizlemek ancak normal bir metin alanını tutmak Eğer zaten yerini görebilmeniz ve bunun için iframe değiştirme yerleştirmek Metin alanı için iframe değiştirme şimdi, bir gizlemek emin yapalım ve biz söyleyerek basitçe yapabilirsiniz Metin alanı konuşma tarzı ekran hiçbiri bu yüzden burada biraz daha satır içi CSS stil kullanıyorum Bu metin alanı tüm ve sayfa bu metin her fırsatta göstermek değil yapmak Gerçekten sadece bu transfer için olacak Zengin metin form bittiğinde veri alanları ve bu yüzden ne zaman teslim Basın kişi göndermek için Eğer html iç HTML alırken işte Bu iframe ve bu metin alanı içinde yerleştirin ve daha sonra çok yakından PHP süreçleri yorum yapmak için o Böylece CSS stil de biraz içinde bir satır ile görebilirsiniz tamamen bir iframe ile metin alanını değiştirebilirsiniz Şimdi biz formu istemiyoruz olmak için zengin metin alanı gidiyor Benim parçaları sadece sert PHP yığılı Bu teslim düğmesine basıldığında bu yüzden o Gönder düğmesini yerine edeceksin Normal bir makinede yazılmış tip Gönder düğmesi Kötüye düğmesi göndermek ama yine de bir düğme gibi görünüyor değil o ve ne yapacağını düğmesi onun bir javascript çalıştırmak tıklama ise işlev Her zaman içinde haftanın js dosyası için teslim çağırdı o sadece bu düğmeye kaldırmak ve o biriyle değiştirebilirsiniz şöyle ben php dosyası aslında parçalara formu istemiyorum dedi Javascript bu olaya karışan olmadan yüzden bir düğme olacak koyacağız Orada Bu sadece normal bir düğme tipi Shin türünü göndermek için değil, olabilir sahne gerçekten de click olayı bir bağlantı alınamayan olmak formu gönderin denen bu javascript fonksiyonu tedarikçisi şimdi görelim ne Burada Tasarım görünümünde var bu iyi biz düzenlenebilir içeriği bir iframe bu kalacağım var Şimdi biz bir edecektim kontrol edilir gibi çerçeve bir kitap yazmak istediğini küçük bir kase tutun düğme italik düğme bağlantıları yapmak için düğmeye Eğer hafta Kontrol Paneli daha iyiydi gibi saire o olacak Biçimlendirme giriş bünyesinde çok doğru olduğunu düşünüyor ama hat 10 içine konuşma pop bira at Bazı düğme cin düzenli küçük bir HTML ile verir O burada görebilirsiniz Form düğmeleri benim yaptım bulunuyor ve ben sadece yerleştirilir ve tek 3 45 67 vardır Eğer onlar yapmak için gidiyoruz ne sekiz dokuz on 11 düğmelerini görebilirsiniz Bu düğmeye bu kalınlaştırma değişim olacak ama olacak Bu bir altını çizen olacak adında bir işlevi çalıştırılır Ben bu kişinin olacak hi adında bir işlevi çalıştırmak italik'e font-size: so ve benzeri bütün bu düğmeler ayarlanır o olacak bir javascript işlevi çalıştırmak için tıklama Bizim sizlerle js şimdi görünümü tasarımı olacak dosyası var tüm içinde borç koyduktan sonra bu küçük kontrol düğmeleri tutun vermedi Bu itiraf, çünkü bu görmek ve en yapalım edeceğiz emin biz burada bir satır sonu koymak Bir düğmesinin Çarşamba burada en bir mola koyalım bu şekilde sonları kendi teşvik altına düşmesi Basın Kontrolü STC iyi böylece sona erdi Formu tutan bizim sayfada ihtiyacınız olan işlevsellik ve bir sonraki görüntü olacak hafta bu oluşturmak JS kazık cesur Bizim I tutmak için gidiyor ve ben altını olan tüm bu küçük Biz gerekecek burada ihaleleri ve aynı zamanda işlev form ve iframe işlevini üzerinde göndermek için içine bu iframe döner tamam içeriği düzenlenebilir veya tasarım modu öylesine Bölüm 2 için bizi izlemeye devam edin ve bu JS kadar basit siz ister oh olduğu hafta olduğunu görürsünüz Herhangi bir problem yığını içinde neler olup bittiğini anlama ve daha sonra son şey biz ele alacağız sanırım üçüncü video yapacağız Metin alanında yayınlanmıştır şekerleme yapmak ve emin olun biz HTML karakterlerini değiştirme hakkında konuşmak HTML kişiler filtreleme ve sıyırma bahsedeceğiz işler emin bir veritabanında koymak için güvenli yapmak ve aynı zamanda güven gösterilecek Veri Bir sonraki kısmına web sitenizde bütün hakları göstermek için oldu yaratıyor hafta bu JS kazık hangi bu üzerinde tanımlı tüm fonksiyonlarını tutar HTML sayfası veya bu porno biz kullanarak gidiyoruz JavaScript aslında formu bu teslim düğmesi sadece adında bir işlevi teslim yakarken olacak Bu işlev içinde formu oldu kod satırı olacak göndermek aslında Bu zengin metin alanını çektikten sonra formu gönderin Bu içine iframe veri yemeği HTML metin girişi yol kolayca birlikte mücadele transfer edilebilir metin alanı tüm Bu şiirde diğer alanlar Ben bu yüzden parçası iki göreceğiniz.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Building-a-WYSIWYG-Rich-Text-Editor-Textarea-Replacement-Part-1 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 ilk videoda bizim sunucu üzerinde bekleyen bir PHP ayrıştırma dosyasına veri göndermeye hazır olduğunu bizim HTML ve CSS tabanlı bir form inşa edecek. Biz gizlemek (ama tutmak) normal textarea elemanı ve bir iFrame elemanı ile yerini alacak. Biz Javascript kullanacağı tarayıcıya sayfa yükler iFrame için, yani "açık" designMode açmak için bir sonraki videoda ortaya koydu insanların içine yazıp şeyler oluşturabilirsiniz.

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.6/10

  • 250
    Olumlu
  • 9
    Olumsuz
  • 43
    Yorum
  • 51035
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • martin shervington

    martin sherv

    7 EKİM 2011
  • Nick Pitera

    Nick Pitera

    8 NİSAN 2006
  • SPBedition

    SPBedition

    24 HAZİRAN 2013

ANKET



Bu sayfa işinize yaradı mı?