FCL

Bu yazıda FCL dili ve seçiciler ve özelliklerinden bahsedilecektir.
FCL, fibiler.com'a içerik girilen bir dildir.

Seçiciler

FCL'de seçiciler seçiciadı:/ şeklinde başlatılır ve seçiciadi/: şeklinde kapatılır. Eğer blok elementi ise yeni satır yapılarak kapatılmış olunur. Eğer inline bir element ise sadece /: ile de kapatılabilir:
Normal açılış ve kapanış:
seçici:/parametre1:parametre2
içerik
içerik
seçici/:
Yeni satır ile kapanış :
seçici:/parametre1:parametre2
Artık seçici kapalıdır
Inline kapanış:
seçici:/parametre1:parametre2 içerik burada /:
Bazı elementler için yeni satır ve tab karakterinin bir anlamı vardır. Örneğin tree seçicisi her satırı bir madde olarak kabul eder. table seçicisi ise yeni satırı bir satır, tab'i ise sütun ayracı olarak kabul eder.
Bazı seçicilerin parametreleri bulunur. Bazıları ön tanımlıdır ve seçenekler belirlidir. Bazıları ise serbesttir. Örneğin header için seviye değerleri 1, 2, 3, 4, 5, 6 olabilirken, image üç paremetresi vardır. image'da ilk paremetre block veya inline olup olmadığını vermek içindir, ikinci parametre url, üçüncü parametre alt görevini görmektedir.
Toplu olarak seçiciler aşağıdaki gibidir:
Seçici AdıGöreviParametreleri
headerBaşlıkSeviye : 1, 2, 3 ,4 ,5 ,6 olabilir
treeListe ve içiçe liste-
tableTablo-
codeKaynak kodu (programlama dili)java, sql, c#, cpp ve c, css, jscript, xml (html, xhtml), scala
mathMatematik kodu-
mathgGrafik ÇizimiBoardID, çizim yapılan alanın id'sidir. İçerik içinde bu id kullanılmalıdır.
linkBağlantıurl ve title
prePre elementi (komut satırı, ekran çıktısı vb.)command, output, listing
blockUyarı, not, ek bilgi, alıntıquote, note, info
imageResimb veya i, url ve alt

Başlıklar

FCL header adında bir seçici içerir. header başlık seviyesini parametre olarak alır. Genel yapısı :
secici:/level
seçici:header
level:1,2,3,4,5,6 olabilir. Zorunludur.

Örnekler

Başlık 1

Başlık 2

Başlık 3

Başlık 3

Başlık 5
Başlık 6

Bağlantı

FCL'de bağlantı (a elementi) oluşturmak için link elementi kullanılır. İlk parametre url, ikinci parametre ise bağlantı linkidir. Eğer ikinci parametre verilmez ise url bağlantı metni olarak kullanılır. Genel yapısı:
secici:/url:title
seçici:link
url:gidilecek adres. http yok ise eklenir. URL sonunda / olmaması gerekir. Zorunludur.
title:bağlantının açıklaması. Eğer girilmez ise url bağlantı yazısı olur.

Örnekler

Bu fibiler'e bir : Fibiler bağlantıdır
Bu da godoro ya bir bağlantı : www.godoro.com

Resim

FCL'de iki tür resim eklenebilir. İnline ve block. İnline satıriçinde kullanılır, block ise tek başına kullanılır ve sayfasının ortasında gözükür. Genel yapısı:
secici:/b veya i:src:alt
secici/:
seçici:image
b veya i: bold ise b, inline ise i verilir. Zorunludur.
src: Resmin adresi. Zorunludur.
alt: Resim hakkında bilgi veren açıklama. Zorunlu değil.

Örnekler

Python Burada ise satır için bir resim kullanıyoruz.

Liste

FCL'de liste yapmak için tree seçicisi kullanılır. Her satır bir liste maddesidir. Eğer tab ile içeri girilirse iç içe liste oluşması sağlanmaktadır:
secici:/
list item 1
list item 2
	list item 2.1
	list item 2.2
list item 3
	list item 3.1
		list item 3.1.1
		list item 3.1.2
		list item 3.1.3
	list item 3.2
list item 4
secici/:

Örnekler

  • list item 1
  • list item 2
    • list item 2.1
    • list item 2.2
  • list item 3
    • list item 3.1
      • list item 3.1.1
      • list item 3.1.2
      • list item 3.1.3
    • list item 3.2
  • list item 4

Tablo

FCL'de tablo yaratmak için table kullanılır. tablo içinde her satır için yeni satır karekteri yapılır. Sütun ise tab kullanılır. İlk satı başlık satırıdır ve koyu bir şekilde gösterilecektir.
secici:/
Baslık1	Baslık2	Baslık3
Deger11	Deger12	Deger13
Deger21	Deger22	Deger23
Deger31	Deger32	Deger33
secici/:
seçici adı table'dır. 

Örnekler

Baslık1Baslık2Baslık3
Deger11Deger12Deger13
Deger21Deger22Deger23
Deger31Deger32Deger33

Block

Normal paragraftan ayrı bir biçimde gösterilen yazılarak için tercih edilir. Block seçicisi kullanılır. Parametre quote, note, info değerlerinden birini alır.
secici:/type
İçerik burada
secici/:
seçici adı block'dir.
type ise quote, note, info değerlerinden biri

Örnekler

Bu bir quote örneğidir
Bu bir quote örneğidir
Bu bir quote örneğidir
Bu bir note örneğidir
Bu bir note örneğidir
Bu bir note örneğidir
Bu bir info örneğidir
Bu bir info örneğidir
Bu bir info örneğidir

Pre

FCL, biçimini koruyarak verilmesi gereken içerikler için pre seçicisi destekler. pre seçici tek bir parametre alır. Bu parametre tipleri command, output, listing şeklindedir. command komutlar için, output çıktı görüntüleri, listing ise verilerin liste veya farklı bir biçimde gösterilen veriler için kullanılır.
secici:/type
İçerik burada
secici/:
seçici adı pre'dir.
type ise command, output, listing değerlerinden biri

Örnekler

Bu bir listing örneğidir
Bu bir listing örneğidir
Bu bir listing örneğidir
Bu bir output örneğidir
Bu bir output örneğidir
Bu bir output örneğidir
Bu bir command örneğidir
Bu bir command örneğidir
Bu bir command örneğidir

Code

FCL, programlama dili içerikleri olarak kaynak kod desteği içermektedir. Bunun için code kullanılır. Desteklenen diller ise java, sql, c#, cpp ve c, css, jscript, xml (html, xhtml), scala dilleridir.
secici:/type
İçerik burada
secici/:
seçici adı code'dir.
type isejava, sql, c#, cpp ve c, css, jscript, xml (html, xhtml), scala değerlerinden biri

Örnekler

public class Greeter{
   public static void main(String[] args){
    System.out.println("Merhaba Dunya!");
  }
}
<isci>
 <ad>ali</<ad>
 <soyad>keser</soyad>
</isci>

Math

FCL, matematik formülü yazmak için math seçicisini kullanır. Bu seçici MathJax kütüphanesini kullanır ve ona uygun kodlama yaptığınızda uygun bir şekilde çevirme yapılır. \ ( ile \ ) inline, \ [ ve \ ] arasına blok tarzı kod girmek için kullanılır.
secici:/
\(İçerik burada\)
secici/:
veya
secici:/
\[
İçerik burada
\]
secici/:
seçici adı math'dir.

Örnekler

Burada inline \(\lim_{x \to a^-}f(x)=L\) bir math formülü vardır.
Burada ise blok :
\[
\frac{x^2-1}{x-1} = \frac{(x-1)(x+1)}{x-1} = x+1
\]

MathG

Grafiksel çizimler için mathg seçicisi kullanılır. Bu seçici arka planda JSXGraph projesini kullanır.
secici:/BoardId
İçerik
secici/:
şeklinde kullanılır. BoardId çizim alanının id'sidir. İçerik bölümünde script içinde JSXGraph kodları eklenebilir.

Örnekler

Aşağıda e^x grafiğini çizen bir örnek görülmektedir :
İçerik bölümü aşağıdaki gibi verilmiştir:
var board = JXG.JSXGraph.initBoard('jxgbox',
 {boundingbox: [-5, 5, 5, -5], axis:true});
var graph = board.create('functiongraph', [
	function(x) {
		return Math.exp(x);
}]);
tekzaf tarafından 26.07.2018 tarihinde eklenmiş/güncellenmiştir.

Bu Sayfayı Paylaş:

İlgili Kategoriler ve İçerikleri

Fibiler : fibiler.com Fibi Fibiler.com Hakkında Fibiler.com'un Logosu Fibilemek Fibiler.com'a Eklenen İçeriklerde ve Seçimler.. Fibiler.com portalının daha başarılı olması i.. Fibiler.com'un Facebook Sayfası Fibiler.com'un Twitter Hesabı Fibiler.com'un Google+ Sayfası Fibiler.com Ekran Görüntüsü İçerik Sağlayıcı Olun Birlikte Kazanalım Banner Yayınlama FCL

Fibiler Üyelerinin Yorumları


Tüm üyeler içeriklere yorum ekleyerek katkıda bulunabilir : Yorum Gir



Bu Sayfayı Paylaş:

İletişim/Bize Yazın   mh@fibiler.com   Google+   Facebook   Twitter   fibiler@googlegroups.com
Her Hakkı Saklıdır
Bu sitede yayınlanan tüm bilgi ve fikirlerin kullanımından fibiler.com sorumlu değildir.
Bu sitede üretilmiş , derlenmiş içerikleri, fibiler.com'u kaynak göstermek koşuluyla kendi sitenizde kullanılabilirsiniz. Ancak telif hakkı olan içeriklerin hakları sahiplerine aittir