首页 \ 问答 \ TinyMCE:添加复杂格式(TinyMCE: Add complex format)

TinyMCE:添加复杂格式(TinyMCE: Add complex format)

我想为Joomla的TinyMCE编辑器添加一种格式。 它应该是一种在内容周围显示可伸缩图形框的格式。 由于盒子必须随内容缩放,我不能简单地使用一个背景框图形。 相反,我必须在盒子的两侧使用图形,然后可以在x和y方向上缩放。 为了实现这一点,我需要将文本包装到多个div中。 因此,我需要添加一种将内容包装到这些div中的格式。 但是,似乎TinyMCE只允许将内容包装成一个HTML元素的格式 - 但是,如上所述,我需要不止一个。 这可能吗?


I want to add a format to the TinyMCE Editor for Joomla. It should be a format that displays a scalable graphical box around the content. Since the box must scale with the content, I cannot simply use one background box graphics. Instead, I must use graphics for the sides of the box which then can scale in x and y direction. In order to achieve this, I need to wrap the text into more than one div. Thus, I need a possibility to add a format that wraps the content into these divs. However, it seems that TinyMCE does only allow formats that wrap the content into one HTML element - but, as stated above, I need more than one. Is this possible?


原文:https://stackoverflow.com/questions/12271359
更新时间:2024-03-29 15:03

最满意答案

这是我如何做到的。 在我的InputConnection我重写getTextBeforeCursor以始终返回" "以便IME始终认为它至少可以删除一个字符。

我还将连接的输入类型设置为InputType.TYPE_NULL以便传递关键事件(来自Google的官方解决方法)。

我的自定义EditText

public class InterceptTextView extends EditText {
    public interface OnBackspacePressListener {
        public void onBackspacePressed();
    }

    private OnBackspacePressListener backspaceListener;


    public InterceptTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setText(" ");
    }

    public void setOnBackspacePressListener(OnBackspacePressListener backspaceListener) {
        this.backspaceListener = backspaceListener;
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode == KeyEvent.KEYCODE_DEL) {
            if(backspaceListener != null) {
                backspaceListener.onBackspacePressed();
            }
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        outAttrs.actionLabel = null;
        outAttrs.inputType = InputType.TYPE_NULL;

        BaseInputConnection connection = new BaseInputConnection(this, false) {    

            @Override
            public String getTextBeforeCursor(int ignore, int ignore2) {
                return " ";
            }
        };
        return connection;
    }
}

我的Fragment

public class KeyFragment extends Fragment {
    private static volatile boolean backspacePressed = false;

    private InterceptTextView et;

    private TextWatcher textWatcher = new TextWatcher() {       
        @Override
        public void afterTextChanged(Editable s) {
            if(backspacePressed) {
                backspacePressed = false;
                return;
            }
            else {
                Logger.i("" + s.charAt(s.length() - 1));    
            }
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {}
    };

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.keyboard, null);
        et = (InterceptTextView) v.findViewById(R.id.keyboard_input_sink);
        et.setOnBackspacePressListener(new OnBackspacePressListener() {

            @Override
            public void onBackspacePressed() {
                backspacePressed = true;
                Logger.i("BCKSPC");
            }

        });
        et.addTextChangedListener(textWatcher);
        return v;
    }
}

Here's how I did it. In my InputConnection I override getTextBeforeCursor to always to return " " so that the IME always thinks that there's at least one character it can delete.

I also set the input type of the connection to InputType.TYPE_NULL so that key events will be delivered (official workaround from Google).

My custom EditText:

public class InterceptTextView extends EditText {
    public interface OnBackspacePressListener {
        public void onBackspacePressed();
    }

    private OnBackspacePressListener backspaceListener;


    public InterceptTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setText(" ");
    }

    public void setOnBackspacePressListener(OnBackspacePressListener backspaceListener) {
        this.backspaceListener = backspaceListener;
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode == KeyEvent.KEYCODE_DEL) {
            if(backspaceListener != null) {
                backspaceListener.onBackspacePressed();
            }
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        outAttrs.actionLabel = null;
        outAttrs.inputType = InputType.TYPE_NULL;

        BaseInputConnection connection = new BaseInputConnection(this, false) {    

            @Override
            public String getTextBeforeCursor(int ignore, int ignore2) {
                return " ";
            }
        };
        return connection;
    }
}

My Fragment:

public class KeyFragment extends Fragment {
    private static volatile boolean backspacePressed = false;

    private InterceptTextView et;

    private TextWatcher textWatcher = new TextWatcher() {       
        @Override
        public void afterTextChanged(Editable s) {
            if(backspacePressed) {
                backspacePressed = false;
                return;
            }
            else {
                Logger.i("" + s.charAt(s.length() - 1));    
            }
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {}
    };

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.keyboard, null);
        et = (InterceptTextView) v.findViewById(R.id.keyboard_input_sink);
        et.setOnBackspacePressListener(new OnBackspacePressListener() {

            @Override
            public void onBackspacePressed() {
                backspacePressed = true;
                Logger.i("BCKSPC");
            }

        });
        et.addTextChangedListener(textWatcher);
        return v;
    }
}

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)