embedtest.gif

읽기 페이지에서 URL이 무조건 embed 되는것 보다 에디터 상에서 작동되면 원하는것만 출력 가능할것 같아 만들고 있습니다.

 

1.에디터 상에서 작동

2.URL을 붙여 넣기(드래그 포함) 했을때 감지해서 작동되어야..

3.내용을 수정 가능 하도록

4.빨라야함

 

위 조건에 맞추기 위해서 노력 중입니다.

이제 css 와의 싸움이 남았어요 ㅠㅠ

 

 

어느 정도 정리해서 좀더 자세한 소개 글을 작성하겠습니다.

 

  • profile
    파싱모듈과 함께 쓰면 어떻게 되나요?!
  • profile ?
    저게 에디터상에서 된다면 더이상 파싱모듈은 의미가..
  • ? profile
    제 생각에는 둘중 하나를 선택해야 할 거 같아서 질문 드렸습니다. 아마 2개씩 출력되지 싶어요.
  • profile ?
    네 파싱모듈은 중지 시켜야겟죠 ㅎ
  • profile profile

    두개를 동시에 사용한다면..
    에디터에서 임베디드가 되면 자동으로 확장 변수를 값을 추가해서 해당 변수가 있으면 파싱 모듈이 작동 안되게하거나..하는 방법이 있겠네요.
    아니면 지금 만드는 프로그램이 임베디드를 하면 본문에 고유 클래스를 남깁니다.
    파싱 모듈이 그 문자를 감지해서 트리거 작동을 안한다거나 여러 가지 방법이 있겠네요.
    다만, 커스터 마이징을 해야됩니다 ㅋ

  • profile profile
    제가 생각하기엔 두 자료가 공존하며 윈윈하기 위해서는 패턴을 제공해서 파싱모듈에서 건너띌수 있게 하면 서로 보완이 되는 자료가 될 것으로 생각 됩니다.

    이미 링크가 많은 역사가 오랜 사이트의 경우는 두 자료가 다 필요할 수 있으니까요.

    커스터마이징이 아닌 공식적으로 두 자료에서 고려해 주시면 좋을 것 같습니다.
  • profile profile

    고려하지 않고 있어요.
    사실 제가 파싱 모듈에 뭔가 할 수 있는게 없습니다.
    다만 관련 팁은 추후에 작성해 보겠습니다.

  • profile profile
    해달라는게 아니고 람보님이 쉽게 처리할 수 있도록 구조를 만들어 주시면 좋겠다는거죠.
  • profile profile

    아무래도 이건 유료로 될거 같아 기능은 비슷하지만 판매할 유료 모듈을 위해 지금 파싱 모듈을 개발하시는 람보님에게 뭔가 부탁 하기는 좀 그렇네요ㅜㅜ

  • profile profile
    네. 개발 방향의 결정은 직접 하시겠지만 결국 유무료를 떠나 사용자에게 직접적인 영향이 가는 상황이라 타 모듈에서 처리 가능한 api 제공은 다른 자료나 혹은 사용자에게 보다 많은 선택을 할 수 있게 할 거라 생각 합니다.

    저는 만약 에디터에서 직접 삽입과 기존링크의 출력 모두 가능하다면 그 것을 선택할 것 같아서요.

    개인적인 의견이나 참고 정도로 해주세요. 
  • profile profile
    오픈소스 특성상.. parserlink 는 GPL v2 를 채용하고 있으므로 해당 모듈의 라이선스의 코드가 있는 경우 모두 GPL v2 라이선스를 따라야하며 그와 연관하여 돌아가는 모듈 역시 모두 GPL v2 라이선스를 따라야 적용이 가능합니다..

    이렇기 때문에 서로간의 공생으로 뭔가 작동하기엔 라이선스조건이 맞지 않아.. 힘들것 같네요.
  • ?
    파신 모듈과 큰 차이점이자 장점은 에디터 쓰기 모드에서 된다는 겁니다. 대박!!
  • ? profile

    네... 원하는것만 embed 되는게 필요해서 만들고 있습니다 ㅎ

  • profile ?
    https://xetown.com/qna/736197 여기에 보시면 댓글에 첨부된 main.js 가 있거든요
    그안에 작업해둔

    if(result.error == 0) {
    if(/\.(jpe?g|png|gif)$/i.test(result.source_filename)) {
    temp_code += '<img src="' + result.download_url + '" alt="' + result.source_filename + '" editor_component="image_link" data-file-srl="' + result.file_srl + '" />';
    if (opt.autoinsertImage === 'paragraph') {
    _getCkeInstance(settings.formData.editor_sequence).insertHtml("<p>" + temp_code + "</p>\n", "unfiltered_html");
    } else if (opt.autoinsertImage === 'inline') {
    _getCkeInstance(settings.formData.editor_sequence).insertHtml(temp_code, "unfiltered_html");
    }

    } else if(/\.(mp4|webm)$/i.test(result.source_filename)) {
    temp_code += '<style>video::-internal-media-controls-download-button {display:none;}video::-webkit-media-controls {overflow: hidden !important }video::-webkit-media-controls-enclosure {width: calc(100% + 32px);margin-left: auto;}</style><video src="' + result.download_url + '" width="100%" height="100%" controls>비디오 </video>';
    if (opt.autoinsertImage === 'paragraph') {
    _getCkeInstance(settings.formData.editor_sequence).insertHtml("<p>" + temp_code + "</p>\n", "unfiltered_html");
    } else if (opt.autoinsertImage === 'inline') {
    _getCkeInstance(settings.formData.editor_sequence).insertHtml(temp_code, "unfiltered_html");
    }
    } else if(/\.(mp3|ogg)$/i.test(result.source_filename)) {
    temp_code += '<style>audio::-internal-media-controls-download-button {display:none;}audio::-webkit-media-controls {overflow: hidden !important }audio::-webkit-media-controls-enclosure {width: calc(100% + 32px);margin-left: auto;}</style><audio src="' + result.download_url + '" width="100%" height="100%" controls>비디오 </audio>';
    }

    관련 mp4/mp3/webm 등 video 태그를 사용하는 기능이 추가 되어 있습니다. 이게 구현이 아직 코어에는 안되어 있고요.

    그래서 이런 에디터 컴포넌트를 사용해야 하는데... 에디터 완성모듈에서 지원 가능 하면 좋겠습니다.^^
    https://xe1.xpressengine.com/index.php?mid=download&package_id=19817434
  • ? profile

    업로드되는 파일들은 별도로 처리해야 될 작업이 많아서..(혹은 초기 버전에 지원을 안할수도 있고.. ㅋ)

    우선 원격지에 있는 파일은 테스트가 쉬우니 mp4 가 있는 URL 하나만 알려 주세요.
    테스트 해보겠습니다 ㅎ

  • profile ?

    https://video.twimg.com/ext_tw_video/915850134440873984/pu/vid/964x720/S38JuIGXRWsGcaxl.mp4

     

    요런거 ^^

     

    또는 저런 파일을 직접 첨부시 에 비디오 태그가 먹히면 좋겠습니다.

  • ? profile

    잘됩니다 @_@ 재생까지..!

    mp4do.gif

  • ? profile
    파일 첨부시에도 충분히 가능할듯해요 ㅎㅎ
  • profile ?
    싸랑해요~ 밀키스~ 구름이님... 감사합니다.
  • profile ?

    T.T 감사해요. 이 기능은 코어에도 안되는거니까 분명히 이로울거에요

    다만...직접 첨부시에는 트래픽을 우려하는 웹마스터도 있을테니 뭐라고 할까요.
    직접 첨부에 플레이어 기능 사용 여부? 옵션 정도에 대한 esclation 은 예상 됩니다만... 그럴 경우 절 머라고 하진 마세요. ^^

    저는 개인적으로 이미지도 바로 보여져야 하는 것 처럼 멀티미디어 동영상도 재생 처리가 가능해야 한다고 생각하는 바 입니다.

  • ?
    혹시 mp3 첨부시에도 가능한가요?

    mp3첨부시 플레이어로 바뀌면 참좋을거같은데 말이죠..
  • ? profile
    테스트 해보겠습니다.
  • profile ?
    + 알송 가사까지 넣으면 완벽하겟군요;;ㅎㅎ
  • ? profile
    가사는 여러 가지 문제로 아직은 무리일거라 생각 됩니다 ㅋ
  • profile ?
    ㅎㅎㅎㅎㅎㅎㅎㅎ
    에디터 url파싱이 된다면 에디터 자동완성 모듈에서도 파일첨부시 영상과 음악파일이 되면 좋겠네요!
    응원합니다!
  • ?
    와우 멋집니다!! 기대되네요 :)
  • profile
    우와~~~!!!! >.<
  • profile
    와 세상에 저게 뭐죠 ㄷㄷ;
  • ?
    먼가 대단해보인다.... 멋잇다...
  • ? profile
    감사합니다^^
    작업이 끝나 아래 URL에서 테스트를 할 수 있습니다.
    https://catenater.com/index.php?mid=testboard&act=dispBoardWrite